React-javascript：我的反應輸入不起作用。 一旦我設置了值，它就變得不可變

Question

一旦我將值設置為我的 state 組件，我的反應輸入組件就變得不可編輯

state = {text: ''}



return(
                   <input id="search" 
                   type="text"
                   value={this.state.text}
                    onChange={e => this.setState = ({text: e.target.value })}/>
)

一旦我注釋掉它的值，它就可以正常工作。

Answer 1

您錯誤地使用了 setState，setState 是一個 function，它期望在內部傳遞參數以更新 state，您不能使用值分配 function。

下面是一個示例，它應該可以解決您的問題。

state = {text: ''}

return(
         <input id="search" 
          type="text"
          value={this.state.text}
          onChange={e => this.setState({text: e.target.value })}/>
)