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

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>
    )
  }
}

工作中Jsbin