Javascript 将Div的内容保存到状态

我正在制作餐厅菜单。我有一个模态出现在点击列表的每个菜单项上。此逻辑使用innerHtml并将列表内容粘贴到模式中

现在我想在模式中单击“OK”时，在菜单组件的状态下单独保存这个div的内容。例如，在第一个项目列表模式中，我有鸡蛋下降$2和数字输入。我喜欢在菜单项中保存鸡蛋下降，在所选菜单对象的价格属性中保存$2。此外，如果您能告诉如何将数字输入值保存为数量，这将更有帮助

 Selected_Menu:{

  MenuItem:null,
  Price:null,
  Quantity:null,
  TotalPrice:null
}

请查看沙盒：

---

首先要做的是将函数传递到模式中，以更新菜单的状态

 <NumericInput 
     onChange={value => this.setState({ [item]: value })} 
     /* -- snip -- *//
 />

然后将此新组件放在此处：

<Modal.Body> 
    <YourComponent setMenuItemCount={count => this.setState({ [item]: count })}/>
</Modal.Body

this.setState（{[item]：count}）}/>
首先要做的是将一个函数传递到模态中，以更新菜单的状态

 <NumericInput 
     onChange={value => this.setState({ [item]: value })} 
     /* -- snip -- *//
 />

然后将此新组件放在此处：

<Modal.Body> 
    <YourComponent setMenuItemCount={count => this.setState({ [item]: count })}/>
</Modal.Body


this.setState（{[item]：count}）}/>
请检查一下电话号码

因此，基本上，由于它是一个餐厅应用程序，其目的是将菜单项、价格和数量保存到数据库中。因此，这里可以做的是将当前项目和数量保持在模态状态。

单击“确定”按钮时，将其存储到名为Orders的状态变量中

saveToOrders = () => {
    this.setState(prevState => {
      this.setState({
        orders: [
          ...prevState.orders,
          {
            MenuItem: prevState.modalText.menuItem,
            price: prevState.modalText.price,
            quantity: prevState.modalText.quantity
          }
        ]
      });
    });
  };

国家代表为

state = {
    addModalShow: false,
    copied: false,
    modalText: {
      menuItem: "",
      price: "",
      quantity: 0
    },
    orders: []
  };

请检查一下电话号码

因此，基本上，由于它是一个餐厅应用程序，其目的是将菜单项、价格和数量保存到数据库中。因此，这里可以做的是将当前项目和数量保持在模态状态。

单击“确定”按钮时，将其存储到名为Orders的状态变量中

saveToOrders = () => {
    this.setState(prevState => {
      this.setState({
        orders: [
          ...prevState.orders,
          {
            MenuItem: prevState.modalText.menuItem,
            price: prevState.modalText.price,
            quantity: prevState.modalText.quantity
          }
        ]
      });
    });
  };

国家代表为

state = {
    addModalShow: false,
    copied: false,
    modalText: {
      menuItem: "",
      price: "",
      quantity: 0
    },
    orders: []
  };

迪伦，谢谢，但这并不是我要的福迪兰，谢谢，但这并不是我要的