Необходимо, чтобы при клике на "DOM-элемент" блок <p>Hello!</p>
внутри него менялся на <p>Goodbye!</p>
. Для этого был написан следующий реакт компонент:
import React from 'react'
const Test = () => {
return (
<div>
<div
onClick={() => {this.innerHTML = '<p>Goodbye!</p>'}}
>
<p>Hello!</p>
</div>
</div>
)
}
export default Test
То есть по сути я хочу добиться следующего, но в React.
<div>
<div
onclick="this.innerHTML = '<p>Goodbye!</p>'"
>
<p>Hello!</p>
</div>
</div>
Однако в реакт событие onClick работает несколько иначе и принимает this за undefined, как тогда передать контекст?