Icon ререндерится хотя он мемоизирован и в нем ничего не изменяется внутри?
Меняется. Ты в Icon передаёшь каждый раз новый объект menu.
Да, сейчас это как раз проверил. Как можно решить это? Пока только придумал в функции memo вторым аргументов возвращать всегда true
useMomo и зависть от чего-то, что не меняется или меняется, когда нужно
А тебе принципиально туда объект передавать? Нет варианта передать сразу handleClick, который ты из useCallback получаешь?
это упрощенный пример, я туда передаю объект с большим количеством полей
тогда вопрос откуда он берётся, вот так создавать особого смысла не вижу
const menu = [ { name: 'One', onClick: handleClick('x'), }, { name: 'Four', }, { name: 'Two', onClick: handleClick('y'), sub: [ { name: 'Tree', onClick: handleAnotherClick('y'), }, { name: 'Four', } ] } ] как по другому создать и передать клик?
так в чём проблема передать просто handleClick, как писали выше?
У меня переиспольуемая библиотека создания меню. Вот передаю туда настройки поведения пунктов меню. Мне каждую из десятка функций отдельно передавать? А если я не знаю сколько их будет?
так иконка у тебя одна, зачем её передавать 10 функций? как она сможет с ними работать, если по факту в коде навешивается один onClick?
ну блин, тебе весь код прислать? вопрос изначальный видел? для него и пример
вопрос изначальный это который с сендбоксом? видел, потому и вопросы возникают, зачем это всё одной иконке
представь, что таких квадратов много svg.selectAll("rect").on("click", onClick); и каждому в массиве передается его клик
тут передается один и тот же onClick
Если на то пошло, нужно мемоизировать этот массив
ок, попробую с этой стороны зайти. спасибо
Обсуждают сегодня