Таких аргументов хватит? https://ru.reactjs.org/docs/refs-and-the-dom.html

ух тыыы, да ты мне америку открыл

В функции типа так: test = () => {}

Таких аргументов хватит? https://ru.reactjs.org/docs/refs-and-the-dom.html

а такое тебе не о чем не говорит?

замыкание? это как?

Просто перенеси на 3 строчки выше) а потом в учебнике по js почитай про замыкание

замыкание? это как?

Если вы положите константу перед классом - то это будет как бы в замыкании. Хотя это и не очевидно.

а такое тебе не о чем не говорит?

Просто узнай когда и как реф добавляется

а такое тебе не о чем не говорит?

Это написано к тому что почти все без рефа можно сделать

Если вы положите константу перед классом - то это будет как бы в замыкании. Хотя это и не очевидно.

Теперь понятно спасибо

Просто перенеси на 3 строчки выше) а потом в учебнике по js почитай про замыкание

Спасибо

Короче задача- выводиться огромный список элементов, есть кнопка которая реализует скролл до опредленного элемента. Какие решения можете предложить?

ух тыыы, да ты мне америку открыл

Видимо, открыл, если ты не знал, что в дом нужно лазить посредством апи, а не напрямую

Короче задача- выводиться огромный список элементов, есть кнопка которая реализует скролл до опредленного элемента. Какие решения можете предложить?

ref

Короче задача- выводиться огромный список элементов, есть кнопка которая реализует скролл до опредленного элемента. Какие решения можете предложить?

А как ты сейчас делаешь

ref

массив рефов?

ref

А реф причём Скрол к определённому элементу В списках с виртуализацией это высчитывается

А где гарантия что у них есть опыт. Я на реакте 3 года пишу. Если кто-то решил меня учить то пожалуйста делать это нужно с примерами и аргументами

Плевать сколько. Понять язык, фреймфорк = понять его культуру, и ты не понял реакт. Ты суёшь императивность туда, где существуют только функциональность и реактивность*. Ты ищешь по класснейму или айдишнику, то есть полагаешься на строковую константу, которая может при ближайшем изменении потерять актуальность. Тем, кто реверсит твой код, ты оставляешь неявно связанные элементы и ребус о том, как оно работает. Тебе никто ничего не должен доказывать. Если ты юзаешь антипаттерны и отступление от конвенций - проблемы твои, твоих коллег и твоей компании.

А где гарантия что у них есть опыт. Я на реакте 3 года пишу. Если кто-то решил меня учить то пожалуйста делать это нужно с примерами и аргументами

1. Когда что то меняешь в доме в обход React, он может вести себя непредсказуемо. 2. Легче работать когда View просто отображение какого то состояния, твой элемент который ты хочешь найти отображение какого то куска состояния, работай с этим куском и делай так что бы элемент рендерился как ты хочешь.

А как ты сейчас делаешь

в методе render есть list.map((el, i) => <div id=listItem${i} />)

в методе render есть list.map((el, i) => <div id=listItem${i} />)

Это не правильно. Тут костылями скролить придётся

1. Когда что то меняешь в доме в обход React, он может вести себя непредсказуемо. 2. Легче работать когда View просто отображение какого то состояния, твой элемент который ты хочешь найти отображение какого то куска состояния, работай с этим куском и делай так что бы элемент рендерился как ты хочешь.

ну я же не глупый что бы что-то менять, я получаю и делаю подскролл. ничего я не меняю, я не манипулирую домом в обход реакта.

Короче задача- выводиться огромный список элементов, есть кнопка которая реализует скролл до опредленного элемента. Какие решения можете предложить?

Располагать элементы в контейнере через position: absolute, отрисовывать только те, которые нужно в данный момент, перерисовывать по скроллу. Хорошо, если у элементов одинаковая высота - тогда вообще нефиг делать.

Это не правильно. Тут костылями скролить придётся

onClick(() => { document.getElementById(listItem${index}) }) и все

ну я же не глупый что бы что-то менять, я получаю и делаю подскролл. ничего я не меняю, я не манипулирую домом в обход реакта.

react virtualize react window Они могут скролить к индексу

Располагать элементы в контейнере через position: absolute, отрисовывать только те, которые нужно в данный момент, перерисовывать по скроллу. Хорошо, если у элементов одинаковая высота - тогда вообще нефиг делать.

оцени по времени свою реализацию и мою

onClick(() => { document.getElementById(listItem${index}) }) и все

3 года на реакт потратил И все Уже лучше якорь

оцени по времени свою реализацию и мою

Зачем?

Короче задача- выводиться огромный список элементов, есть кнопка которая реализует скролл до опредленного элемента. Какие решения можете предложить?

Делал такое недавно. На уровне списка состояние с ид выбранного элемента списка. Этот ид летит в каждый элемент списка, если выбранный ид соответствует ид элемента делается scrollIntoView() через ref.

Подскажите, а в react события надо генерировать как в ванильном js или еще как-то?

Читал доку реакта?

не полностью

Располагать элементы в контейнере через position: absolute, отрисовывать только те, которые нужно в данный момент, перерисовывать по скроллу. Хорошо, если у элементов одинаковая высота - тогда вообще нефиг делать.

Сам ты это писать будешь надцать часов и не факт что выйдет А можно взять решение где люди потратили столько часов и сделали интерфейс нормальный

Сам ты это писать будешь надцать часов и не факт что выйдет А можно взять решение где люди потратили столько часов и сделали интерфейс нормальный

сколько ты пишешь на реакте?

react virtualize react window Они могут скролить к индексу

ух ты, с самого начала был вопрос сука про скроллинг по индексу в react-vitualized

сколько ты пишешь на реакте?

"я дед, имей уважение к старшим"

ух ты, с самого начала был вопрос сука про скроллинг по индексу в react-vitualized

Я не читал все сначала. Без ответа не проследить Но тогда твой вопрос и решение ещё тупее если они с виртуализацией

не полностью

Там должно быть про события. Есть события в жизненном цикле компонента. Так же мы можем использовать синтетические интерфейсы элементов которые отрисовываем реактом и через реф обращаться к ноде и вешать нативные события

Там должно быть про события. Есть события в жизненном цикле компонента. Так же мы можем использовать синтетические интерфейсы элементов которые отрисовываем реактом и через реф обращаться к ноде и вешать нативные события

спасибо, пойду читать

"я дед, имей уважение к старшим"

Ага. Давайте писать как старый пердун и никакой эволюции.

Короче задача- выводиться огромный список элементов, есть кнопка которая реализует скролл до опредленного элемента. Какие решения можете предложить?

Ну эта задача уже давно расписана в множестве имплементаций (включая плагины для реакта). Попробуй поискать.

Всем привет

подскажите если есть 3 типа статуса игры 1) ready 2) playing 3) done как мне сделать проход через 2 условия чтобы в листе игр отрендерилась та которая нужна по стилям?

Проход?

подскажите если есть 3 типа статуса игры 1) ready 2) playing 3) done как мне сделать проход через 2 условия чтобы в листе игр отрендерилась та которая нужна по стилям?

Непонятно, опиши подробнее

надо стили прикрутить по статусу игры, если бы 2 было, то тут все понятно, а вот как 3 сделать вопрос?

status == ‘ready’ ? readyStyle : status == ‘playing’ ? playingStyle : doneStyle

надо стили прикрутить по статусу игры, если бы 2 было, то тут все понятно, а вот как 3 сделать вопрос?

const startView = condition && (jsx) const endView = condition && (jsx) return ( <> {startView} {endView} </> )

надо стили прикрутить по статусу игры, если бы 2 было, то тут все понятно, а вот как 3 сделать вопрос?

Я бы подумал про архитектуру. Выглядит стремно

Я если правильно тебя понял, то внутри компонента как то так.

надо стили прикрутить по статусу игры, если бы 2 было, то тут все понятно, а вот как 3 сделать вопрос?

{ ready: readyStyle, playing: playingStyle }[status]

надо стили прикрутить по статусу игры, если бы 2 было, то тут все понятно, а вот как 3 сделать вопрос?

function mapStatusToClassName(status) { // Здесь ваша логика return className; }

Используй classnames, создай в css класс для каждого статуса, в итоге должно получиться что-то такое: let className = classnames('game-item', { [game-item--${game.status}]: game.status }); И не нужны никакие ифы. ! В квадратных скобках должны быть апострофы, здесь режутся почему-то

Используй classnames, создай в css класс для каждого статуса, в итоге должно получиться что-то такое: let className = classnames('game-item', { [game-item--${game.status}]: game.status }); И не нужны никакие ифы. ! В квадратных скобках должны быть апострофы, здесь режутся почему-то

Что-то страшна все Выбуай Вот это норм

спасибо всем чет сразу не понял как сделать

Почему мой map не работает когда в url находится json

Парсишь джсон?

Почему мой map не работает когда в url находится json

У тебя объект там, а не массив

Почему мой map не работает когда в url находится json

А ну да, у тебя там объект

ну тогда как перебирать объект?

Object.values(url).map

ну тогда как перебирать объект?

for in Object.keys

Если тебе обязательно нужен меп. Иначе просто for in

Почему мой map не работает когда в url находится json

JSON строка

Если тебе обязательно нужен меп. Иначе просто for in

Не вариант, for in лезет в прототип так же

Не вариант, for in лезет в прототип так же

Всмысле?

Может ему просто по ключам нужно пройтись. То тут фор ин подойдёт лучше

Object.values(url).map

вполне рабочий спасибо

Не вариант, for in лезет в прототип так же

По всем перечеляемым полям

Всмысле?

Помимо самого объекта for in перебирает так же и его прототип, поэтому, если в прототипе есть поля, у которых есть доступ для чтения, то они тоже будут проитерированы, а эти значения не нужны. Обычно в таких случаях используют метод hasOwnProperty, но это добавляет лишнюю проверку в итерацию, поэтому рациональнее использовать либо обычный цикл, либо forEach по ключам Object.keys.

Помимо самого объекта for in перебирает так же и его прототип, поэтому, если в прототипе есть поля, у которых есть доступ для чтения, то они тоже будут проитерированы, а эти значения не нужны. Обычно в таких случаях используют метод hasOwnProperty, но это добавляет лишнюю проверку в итерацию, поэтому рациональнее использовать либо обычный цикл, либо forEach по ключам Object.keys.

Он не залезет в прототип и все выдаст корректно, думаю. А что за обычный цикл для объектов вы предлагаете

Либо писать свой итератор (фишка es6), который позволит использовать for of.

Он не залезет в прототип и все выдаст корректно, думаю. А что за обычный цикл для объектов вы предлагаете

Обычный for, либо while по ключам Object.keys, здесь прототип не будет затронут и все отработает корректно.

Обычный for, либо while по ключам Object.keys, здесь прототип не будет затронут и все отработает корректно.

Фор не подходит для объектов

Но лучше forEach массивов, функцию высшего порядка, чтобы не оранизовывать циклы вручную.

Фор не подходит для объектов

Я же написала, что проходиться циклом нужно предварительно взяв массив ключей Object.keys

Но лучше forEach массивов, функцию высшего порядка, чтобы не оранизовывать циклы вручную.

Есть пруфы, что он начнет перебирать прототип?

На сколько помню, for in в самый раз для объектов

Есть пруфы, что он начнет перебирать прототип?

Не начнет. Внутри forEach - обычный for

Не начнет. Внутри forEach - обычный for

Я про for in

Боже