reactjs - 输入文本 REACT 的值
问题描述
单击按钮时如何设置输入框的值。当我单击按钮时,它将生成一个字符串并将其放入 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>
解决方案
根据您的 statemnet,当我单击按钮时,它将生成一个字符串并将其放入 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});
}
推荐阅读
- sqlite - SQLite 实际上支持 DATE 类型吗?
- php - PHP - 按数组键对数组数组进行排序
- node.js - 如何从 JSON 字符串访问内容?
- python - 熊猫数据框上的奇怪行为
- ubuntu-18.04 - 以 DELL 精度获取 ubuntu 18.04 的“未找到 Wifi 适配器”
- php - 从巨大的 JSON 文件中获取数据并将其传输到 CSV 或 SQL
- python - 如何在 python 中添加暂停而不破坏其他代码
- tree - 系统发育树 - 完整 ITS 与部分 ITS
- c# - 谷歌云应用引擎,.Net 核心 WebAPI
- javascript - 如何按日期保存到本地存储?