Как перерендерить элемент?

Question

[lololoshka2010]

addtive-добавка.как пропихнуть условие в setActiveAddtive,чтобы происходила перерисовка компонента?

const [activeAddtive, setActiveAddtive] = useState(["Моцарелла"]);
  const addAdditionally = (addtive) => {
    activeAddtive.includes(addtive)
    ? activeAddtive.splice(activeAddtive.indexOf(addtive), 1)
    : activeAddtive.push(addtive);
    // activeAddtive.includes(additionally)?console.log(1):console.log(0)
    console.log(activeAddtive);
  };

Answer 1

[Александр]

const addAdditionally = (addtive) => setActiveAddtive((currentAddtive) =>
    currentAddtive.includes(addtive)
        ? currentAddtive.map((entry) => entry === addtive ? 1 : entry)
        : [...currentAddtive, addtive]
);

Comments

[lololoshka2010]

спасибо!

[lololoshka2010]

Александр, а что значит запись [...currentAddtive, addtive]?

[HealSpirit]

Деструктуризация предыдущего значения (массива) в новый массив плюс добавление нового элемента в конец нового массива. Получается новая ссылка на массив => ререндер.
В условии выше map вернул новый массив, новая ссылка, также ререндер