要使用它控制
input元素定义
readOnly属性的模式并通过状态变量控制其值，每当您更新状态值时，react都会重新渲染组件，并且会根据状态值更改模式。
检查以下示例：
class App extends React.Component{ constructor(){ super(); this.state = {readOnly: true} this._click = this._click.bind(this); } _click(){ this.setState(prevState => ({readOnly: !prevState.readOnly})) } render(){ return <div> <input readonly={this.state.readOnly}/> <button onClick={this._click}>Toggle</button> </div> }}ReactDOM.render(<App/>, document.getElementById('app'))<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script><div id='app'/>
