Reactjs 如何在REACT中连接要在状态中使用的值
我有一个这样的输入文本Reactjs 如何在REACT中连接要在状态中使用的值,reactjs,Reactjs,我有一个这样的输入文本 <input type="text" id="name" name="name" onChange={this.handleInputChange} value={this.state.name}/> 我更改了此选项,使id在循环中成为动态的,但我不知道如何连接值以从状态获取它: constructor(props) { super(props); this.state = { value: '' }; t
<input type="text" id="name" name="name" onChange={this.handleInputChange} value={this.state.name}/>
我更改了此选项,使id在循环中成为动态的,但我不知道如何连接值以从状态获取它:
constructor(props) {
super(props);
this.state = {
value: ''
};
this.handleInputChange = this.handleInputChange.bind(this);
}
handleInputChange(event) {
const target = event.target;
const value = target.type === 'checkbox' ? target.checked : target.value;
const name = target.name;
this.setState({
[name]: value
});
}
{FIELDS.map((ele) => {
return <div>
<label className="field-label" htmlFor={ele.name}>{ele.value}</label>
<input type="text" style={typeText} id={ele.name} name={ele.name}
onChange={this.handleInputChange}
value={this.state.???????}
/>
</div>
})}
构造函数(道具){
超级(道具);
此.state={
值:“”
};
this.handleInputChange=this.handleInputChange.bind(this);
}
handleInputChange(事件){
const target=event.target;
const value=target.type=='checkbox'?target.checked:target.value;
const name=target.name;
这是我的国家({
[名称]:值
});
}
{FIELDS.map((ele)=>{
回来
{ele.value}
})}
我应该用什么来估价
谢谢我想你需要这个
<input
type="text"
id={ele.name}
name={ele.name}
onChange={this.handleInputChange}
value={this.state[ele.name]} //This will take dynamic name
/>
像这样试试
<input type="text" id="name" name="name" onChange={this.handleInputChange} value={this.state.name}/>
const元素=[
{
姓名:'姓名',
},
{
名称:'电子邮件',
},
{
名称:“密码”,
}
];
类应用程序扩展了React.Component{
状态={
};
handleInput=(名称、值)=>{
this.setState({[name]:value})
}
render(){
返回(
{elements.map((ele,index)=>({`${ele.name}:`}this.handleInput(ele.name,e.target.value)}/>)}
{JSON.stringify(this.state)}
);
}
}
ReactDOM.render(,document.getElementById('app'))代码>
状态={
值:“”
};
handleInputChange=事件=>{
const target=event.target;
const value=target.type=='checkbox'?target.checked:target.value;
const name=target.name;
this.setState({[name]:value});
}
{FIELDS.map(ele=>{
常量{name,value}=ele;
回来
{value}
})}
希望这有帮助。你的状态结构是什么?你能同时发布你的状态结构吗?在这种情况下,发布你的状态和循环。@user3174311,检查演示,我用你的代码更新了它。对不起,我弄错了,我在方括号前放了一个点,它可以工作,谢谢!