Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在REACT中连接要在状态中使用的值_Reactjs - Fatal编程技术网

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,检查演示,我用你的代码更新了它。对不起,我弄错了,我在方括号前放了一个点,它可以工作,谢谢!