Html 呈现动态输入/选择时无法获取状态

Html 呈现动态输入/选择时无法获取状态,html,reactjs,Html,Reactjs,我是一个新的反应者,我正在尝试创建一个表单,在这个表单中,点击按钮可以添加额外的细节 当我试图在第一个输入框中输入值时,它只会被复制到第二个输入框,而且我无法更改它的值。在动态添加的所有输入框中,这种情况不断发生 在提交这些值时,我得到一个警报,这很好,我试图获取状态,但主要关注的是两个输入的值不应该相同 我觉得我把标签的值={}搞乱了 有人能帮我吗 索拉布 我首先修复了您的问题,您没有关闭类,然后您没有在类中导入react dom。现在已经解决了。您必须从react dom导入react do

我是一个新的反应者,我正在尝试创建一个表单,在这个表单中,点击按钮可以添加额外的细节 当我试图在第一个输入框中输入值时,它只会被复制到第二个输入框,而且我无法更改它的值。在动态添加的所有输入框中,这种情况不断发生 在提交这些值时,我得到一个警报,这很好,我试图获取状态,但主要关注的是两个输入的值不应该相同

我觉得我把标签的值={}搞乱了

有人能帮我吗

索拉布

我首先修复了您的问题,您没有关闭类,然后您没有在类中导入react dom。现在已经解决了。

您必须从react dom导入react dom,这是第一个问题

import ReactDOM from 'react-dom'; 
第二个问题是您没有将react router dom添加为依赖项。 没有这个,你不能使用路线

npm install react-router-dom
你也没有像@Aasim afridi说的那样关闭类括号


看看Tim Wilson给你的固定链接

按照步骤删除错误

1-导入-->从“反应dom”导入反应dom

2-在结尾处添加-->}闭合大括号

3-在依赖项中添加-->react路由器dom

以及关于保存数据或更新状态

handleAddRow = () => {
    const item = {
        name: "",
        mobile: "",
        btn: ""
    };
    console.log(item)
    // this.setState({
    //     rows: [...this.state.rows, item]
    // });
}; 
如果不想在不更新/保存数据的情况下添加其他字段
然后首先保存,然后在成功响应时添加字段/组件。

sandbox不工作您没有导入react dom,请从react dom添加import`react dom`这是一个错误。仍在寻找其他对象。将import ReactDOM从“react dom”添加到您的导入,我相信您缺少AddInvoice类的右大括号。。这将修复代码Sandboxy,因为您在“保存”按钮上没有事件处理程序。