Блог

Что делает первый параметр в этой функции react?

const handleItemClick = (e, { name }) => setActiveItem(name);

Первые параметры e определяют, какой тип события возникает при выполнении какого-либо действия с помощью функции этого типа.

Очевидно, что бы ни вызывало этот обработчик, оно вызывает его с объектом события в качестве первого аргумента и объектом в качестве второго аргумента, и коду обработчика не нужно использовать объект события для чего-либо (и требуется только name свойство от объекта). Таким образом, единственная цель e состоит в том, чтобы использовать первый аргумент, чтобы { name } он мог использовать name свойство из второго.

Например, аналогично этому:

 const handleItemClick = (e, { name }) => console.log(name);

handleItemClick(
    new MouseEvent("click"), // First argument, not used by the handler
    {name: "Joe"}            // Second argument, Used by the handler
);  

e содержит целые события мыши. Используя это, вы можете определить, какая клавиша была нажата, и каков ее код ASCII, и многое другое.

Первый параметр — это объект события некоторого производного типа SyntheticEvent . Это означает, что функция используется в качестве обработчика событий. Вы можете использовать этот объект для получения информации о событии, например, его тип, связанные с ним элементы и т.д…