输入文本REACT的值

Question

单击按钮时，如何设置输入框的值。当我点击按钮时，它会生成一个字符串，并将其放入this.state.classCode.

我的错误是什么？提前感谢

this.handleGetCode =  this.handleGetCode.bind(this);
handleGetCode(event){
        const cryptoRandomString = require('crypto-random-string');
        let random = cryptoRandomString({length: 4});
        let randomUp = random.toUpperCase();
        let classcodes = this.state.classCode;
        this.setState({[event.target.name]: classcodes});
    }
<div className="col-md-12 m-b-15">
     <label className="control-label">Class Code<span className="text-danger">*</span></label>
     <input type="text" className="form-control" placeholder="Class Code" name="classCode" value={this.state.classCode} onChange={this.handleChange} required="" />
     <button onClick={this.handleGetCode}>Get Code</button>
</div>

Answer 1

根据您的状态当我单击按钮时，它将生成一个字符串并将其放入this.state.classCode中，您不会在任何地方使用新生成的字符串。此外，假设您已经有了onChange处理程序，您可以像下面的一样修改handleGetCode((

handleGetCode(event){
        const cryptoRandomString = require('crypto-random-string');
        let random = cryptoRandomString({length: 4});
        let randomUp = random.toUpperCase();
        this.setState({classCode: randomUp});
}