YM
ну тогда там в рефе надо смотреть на classList и плясать от этого
это будет считаться костыль ?
Size: a a a
2020 November 19
Д
useMemo предложили
BB
это будет считаться костыль ?
ну как бы не совсем. зависит от задачи. если у тебя там и вправду при инициализации километр логики, то можно и так
Д
почему вариант с className={toogleClass} не подойдёт?
BB
Денис
useMemo предложили
так родитель все равно будет ререндериться. дочка уже нет
YM
ну как бы не совсем. зависит от задачи. если у тебя там и вправду при инициализации километр логики, то можно и так
при рендеринге куча данных, и мне нужно реализовать всего лишь при клике на кнопку показать и скрыть див
BB
при рендеринге куча данных, и мне нужно реализовать всего лишь при клике на кнопку показать и скрыть див
ну тут два варианта вышеозвученных:
memo (если по фигу на ререндер родителя)
и рефы
memo (если по фигу на ререндер родителя)
и рефы
V
Денис
useMemo предложили
не useMemo, а React.memo
NT
Привет. Подскажите пожалуйста - вроде везде все правильно - но вместо редактирования именно 1го элемента - добавляет новый элемент в конец списка.
https://codesandbox.io/s/immutable-dew-io2oq?file=/src/App.js
https://codesandbox.io/s/immutable-dew-io2oq?file=/src/App.js
так в onBlur
setNotes([...notes, value]);
вот и добавляет в конце списка
setNotes([...notes, value]);
вот и добавляет в конце списка
@.
Так только с первым элементом. Остальные как нужно добавляются
YM
не useMemo, а React.memo
в моем примере как можно будет это реализовать ?
BB
не useMemo, а React.memo
да, тоже подхватил стою думаю чет не так )
Д
уже читаю документацию))
@.
так в onBlur
setNotes([...notes, value]);
вот и добавляет в конце списка
setNotes([...notes, value]);
вот и добавляет в конце списка
Тут нюанс в первом элементе - остальные именно редактируются НО не добавляются
BB
BB
можно еще MyComponentView = () => ...
export const MyComponent = React.memo(MyComponentView)
export const MyComponent = React.memo(MyComponentView)
NT
Тут нюанс в первом элементе - остальные именно редактируются НО не добавляются
а, ну тогда if (edit !== null) {
YM
Спасибо, гляну
NT
Тут нюанс в первом элементе - остальные именно редактируются НО не добавляются
index 0 это falsy значение вот и не редактируется из-за проверки if (edit)
Д
да, тоже подхватил стою думаю чет не так )
За 5 минут я не понял разницы.... Может обьясните мне?)))