ReactJS: onClick inside .map

#reactjs

#reactjs

Вопрос:

Я отрисовываю кнопки som с помощью .map, но событие onClick для них не работает:

 render() {
return (
  <div>
    {myArray.map((e)=>(
      <button onClick={console.log("oi")}>
      </button>
    ))}
  </div>
)}
  

Когда я нажимаю любую из кнопок, моя консоль вообще ничего не печатает. Вы знаете почему?

Ответ №1:

onClick это событие, которое ожидает, что функция его обработает.

 render() {
    return (
        <div>
          {myArray.map((e)=>(
            <button onClick={() =>console.log("oi")}>
            </button>
          ))}
       </div>
)}