Как повесить несколько событий на onclick?

Question

[Urgaming]

В реакте начинающий.
На js выглядело бы так, чего хочу добиться

<span class="active" onclick="func1;func2;">1</span>

Как сделать такое на реакте? чтобы при клике срабатывали сразу два события

Answer 1

[Владислав Ким]

Добрый день. Почему бы не объединить эти функции в одну? То есть у вас есть функция

handleClick = () => {
         //do function 1
        // do function 2
    }

<span className="active" onclick={this.handleClick}>1</span>

Вот тут можете почитать, как обрабатываются события в react. Я просто не знаю, как у вас там в коде самом. Вы использует функциональные компоненты, или классы, в зависимости от этого, там синтаксис чуть-чуть будет меняться. Но суть останется прежней.

По мне лучше объединить их. Вот тут реализация

Comments

[Urgaming]

Да, я бы объединил, но не могу адаптировать свой код под это.

Получается, я делаю не совсем правильно, кидаю js в react, в js я просто сделал функцию которая будет проверять длину input value. И при клике я хочу что-то выводить.

Я не знаю, можно ли в реакте как-то обратиться к конкретному элементу, который уже отрисован. Можете подсказать?

[Владислав Ким]

Urgaming, Конечно можно.
Можно в нативном js
Примертут
А вообще лучше всего использовать state компонента, приложения.

[Булат Миннемуллин]

Еще можно использовать Ref для обращения к html-элементу.
Но лучше использовать state.

Answer 2

[Булат Миннемуллин]

<span className="active" onClick={() => {func1();func2();}}>1</span>

Answer 3

[historydev]

Если юзаете хуки, то есть функции, то так:

export default function MyComponent() {
   const handleClick = e => console.log(e.target.innerText);

   return (
      <button onClick={handleClick}/>
   )

}