多输入处理-onChange问​​题

时间:2020-06-05 08:56:57

标签: reactjs dom onchange

enter image description here [This is the output here after pressing add button only the URL of currentItems gets updated and not the name and URL both why???.Please provide me with a solution[][1][1] 我想更新onChange方法触发时初始化为CurrentItems的对象内部的两个变量:{name,url},所以发生的事情就像它仅更新对象中第二多的变量,当我安慰时我可以看到更改在该对象的两个变量中,但是状态都没有更新

我给了代码aslo

1 个答案:

答案 0 :(得分:0)

之所以只接收一个值,是因为我们在Change上创建了一个新对象。尝试以下操作:

handleInput = e => {
    let { currentItems } = this.state;
    currentItems.key = Date.now();
    currentItems[e.target.name] = e.target.value
    this.setState({
        currentItems
    });
};

如果我们直接在设置状态下写入对象,它将创建一个新对象,而先前的对象将丢失