单击按钮使文本字段可编辑

Question

我对React非常陌生，因此对此处缺少代码表示歉意。

可以说我有一个显示用户名的文本字段。 当我单击按钮时，我希望该字段可编辑。

可以在ReactJS中完成吗？

Answer 1

这样使用

ES6 js：

 class App extends React.Component{
  constructor(){
    super()
    this.state={disable:true,
               val:"username"}
  }
  handleClick(e){

 this.setState({disable:!this.state.disable})
  }
  render(){
    return(
      <div className="wrapper">
        <input type="text" disabled={this.state.disable} value={this.state.val}/>
       <input type="button" value="Enable/Disable" onClick={this.handleClick.bind(this)}/>
      </div>
    )
  }
}

工作吉斯宾