一,单个表单的数据修改
import React, { Component } from 'react';
class index extends Component {
constructor(props) {
super(props)
this.state = {
name: '',
// 后续添加
}
}
setName(e) {
let value = e.target.value;
this.setState({
name: value
})
}
// 后续添加
render() {
const { name, //后续添加 } = this.state
return (
<div>
<h3>input的数据双向绑定</h3>
{/*
htmlFor返回 label 的 for 属性的值
visibility: "hidden" 占位 隐藏字符
autoComplete 规定输入字段是否应该启用自动完成功能
*/}
<ul>
<li>
<label htmlFor='text'>用户名:{name}</label>
<div>
asdsad<input type="text" value={name}
onChange={(e) => { this.setName(e) }} />
</div>
</li>
// 后续添加
</ul>
</div>
);
}
}
export default index;
ps:后续代码很多,就不单独列出完整的jsx。只单独显示部分代码,可在上面模板添加。祝大家都能学习到新的知识点 <*-*>
如果一个inpu