React получить содержание тега по клику

271
02 августа 2021, 10:10

Допустим, есть 2 дива, в первом текст один, во втором два.

Код следующий:

state = {
    clicked: false
}
tagClickHandler = (event) => {
    this.setState({clicked: event.target.textContent})
    console.log(this.state.clicked)
}
<Tag
    clicked={this.tagClickHandler} 
/>

При клике первый раз на один в консоли вылетает undefined . При клике второй раз на два, в консоль вылетает один. Я понимаю логику, почему так, но как сделать так, чтобы при клике на любой тег, я получал содержимое именно кликнутого тега, а не предыдущего?

Answer 1

Это связано с тем, что console вызван внутри функции, если выводить state после рендера компонента Tag, то все работает так, как надо.

READ ALSO
Утечка памяти при использовании QProcess и SSH

Утечка памяти при использовании QProcess и SSH

Пишу ПО под Linux которое подключается к аналогичным машинам и выполняет простенькие команды а-ля cat /proc/meminfo и подобные выводящие инфу о состоянии...

120
Как отключить оптимизацию в Code Blocks

Как отключить оптимизацию в Code Blocks

Подскажите пожалуйста, как отключить оптимизацию компилятора в среде Code::Blocks?

163
Совместная работа С++ при NodeJS

Совместная работа С++ при NodeJS

Достаточно давно грезил подобными мыслями, и вот настала пора заняться этимИзложу вопрос как серию вопросов по совместной работе C++ при NodeJS

371