#reactjs
Вопрос:
Я пытаюсь запустить handleClick функцию, когда нажимаю на свой Trash компонент, но она не работает, потому Trash что не является объектом DOM. Как я могу запустить свою функцию, когда я нажимаю на этот компонент ?
const handleClick = () =gt; { console.log('OK'); } return ( lt;div className="comment"gt; {trash amp;amp; lt;Trash comment={comment} onClick={handleClick} /gt; lt;/divgt; ); Комментарии:
1. Я не уверен, что понимаю. Какой бы ни был компонент «Корзина», в нем должно быть что-то, что доступно для кликабельности и вызывает обработчик.
2. Вы можете поделиться
Trashкомпонентом? Без этого кода мы не сможем понять, почемуhandleClickон не вызывается.
Ответ №1:
Вам нужно будет изменить компонент корзины, чтобы принять onClick опору и передать ее возвращенному JSX. Что-то вроде:
const Trash = (props) =gt; { // ... return ( // whatever the top level element here is, // add the onclick prop to it lt;div onClick={props.onClick}gt; // ... lt;/divgt; ); };