我需要更改由類呈現的按鈕的內部文本。因此,當我使用this關鍵字時,React 想象我想傳遞該類的物件而不是元素本身。
在這里,我的示例 React 代碼不起作用:
class Component extends React.Component {
helloWorld(element) {
element.innerText = 'Hello Wolrd!';
}
render() {
return (
<button onClick={this.helloWorld(this)}>Change it!</button>
)
}
}
在這里,我有一個獲得預期結果的 vanila JavaScript 代碼
<button onclick=helloWorld(this)>Change it!</button>
<script>
function helloWorld(element) {
element.innerText='Hello World!';
}
</script>
uj5u.com熱心網友回復:
如您所料,React 組件中的關鍵字this指的是組件本身。您需要在 onClick 方法中添加一個引數事件:
<button onClick={(e) => this.helloWorld(e.target)}>Change it!</button>
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/378795.html
標籤:javascript 反应
