node.js - React.js，onclick 处理程序不改变组件的状态

Question

我正在使用node.js和react.js开发一个应用程序。我正在尝试使用 onclickhandler 更改组件的状态。一旦在浏览器上呈现，组件的状态就不会改变。但是，如果我尝试在 onclickhandler 中发出警报，它会起作用。可能是什么问题？这是我尝试渲染的组件:

var Server = module.exports = React.createClass({

     getInitialState: function() {
        return {

           readOnly:"readOnly",

        }  
        },


    onButtonClick: function() {
       this.setState({readOnly: ""});

    },

    render: function render() {

        return (
            <Layout {...this.props}>
                <div id='index'>
                    <h1>Hello {this.props.name}!</h1>
                    <button onClick={this.onButtonClick}>Click Me</button>
                    <input readOnly={this.state.readOnly} />
                    <br/>
                    <a href='/'>Click to go to an react-router rendered view</a>
                </div>
            </Layout>
        );
    }
});

Answer 1

您需要将 readOnly 设置为 true 或 fasle。

   onButtonClick: function() {
       this.setState({readOnly: true or false});

    }

应该可以。