Javascript 反应JS数据流问题

我有一个t恤应用程序，我正试图使。我有一个t恤父类组件，它有两个子类组件。一个子组件是一个衬衫表单，它在提交时向父组件发送一个数量编号值，然后父组件根据发送给另一个子组件（衬衫消息组件）的衬衫的成本进行基本运算以获得总成本值。这最终将成为签出页面。我的问题是我有多个表格，每件衬衫一个。当我通过两种形式，数量是发送所有衬衫

---

我的问题是：当我有多个重复的子组件（表单）向父组件发送信息（每个组件1个数量值），然后将信息传递给另一个子组件（消息），区分重复的多个子组件的最佳方法是什么？

每个子组都应该有一个唯一的ID，并设置父组件的

状态.x[id].y

。它现在作为道具传递给

childgroup[id]

，因此只影响同一组的其他组件。我在哪里设置该唯一id？是否每次在父级中渲染子组件的实例？是否在循环中渲染子级？如果是这样的话，您应该为它们添加一个

键

属性。在没有看到相关代码的情况下，很难给出具体的建议。是的，我正在使用if语句来评估唯一的id。我在这里添加了代码：，如果您想在我尝试使用key和id时查看它，但两者都不起作用。我想知道是否需要实现componentWillMount（）和componentDidMount（）之类的函数。我认为这些还没有必要。我很困惑，因为这似乎是我忽略的一件容易的事情。在您的

ShirtForm

的

onFormSubmit

中，调用

this.props.onSubmit（this.props.id，quantity）

，然后使用

handleFormSubmit:function（shirtID，quantity）

查找提交的表单。每个子组都应该有一个唯一的ID，并设置父组件的

状态.x[ID].y

。它现在作为道具传递给

childgroup[id]

，因此只影响同一组的其他组件。我在哪里设置该唯一id？是否每次在父级中渲染子组件的实例？是否在循环中渲染子级？如果是这样的话，您应该为它们添加一个

键

属性。在没有看到相关代码的情况下，很难给出具体的建议。是的，我正在使用if语句来评估唯一的id。我在这里添加了代码：，如果您想在我尝试使用key和id时查看它，但两者都不起作用。我想知道是否需要实现componentWillMount（）和componentDidMount（）之类的函数。我认为这些还没有必要。我很困惑，因为这似乎是我忽略的一件容易的事情。在您的

ShirtForm

的

onFormSubmit

中，调用

this.props.onSubmit（this.props.id，quantity）

，然后使用

handleFormSubmit:function（shirtID，quantity）

查找提交的表单。