Javascript 两个组件分别管理各自的状态和道具_Javascript_Reactjs

Javascript 两个组件分别管理各自的状态和道具

javascript reactjs

Javascript 两个组件分别管理各自的状态和道具,javascript,reactjs,Javascript,Reactjs,我正在并排渲染两个下拉组件（自定义）。它们都具有相同的初始状态：所有状态，然后渲染各个视图。我希望他们管理自己的状态和道具，只共享方法。不知怎的，分享道具有些奇怪。我单击以更改一个状态，并使其反映在另一个组件中请参见此处的CodeSandbox：你能看到如何使它们彼此独立吗？这两个选项共享HTML id属性，特别是htmlFor使用的属性如果您传入一个名称属性，使每个下拉列表的名称属性不同，并将其传递到下拉视图，您应该能够使无线电输入“id”和“label”htmlFor唯一。更好的是，

我正在并排渲染两个下拉组件（自定义）。它们都具有相同的初始状态：所有状态，然后渲染各个视图。我希望他们管理自己的状态和道具，只共享方法。不知怎的，分享道具有些奇怪。我单击以更改一个状态，并使其反映在另一个组件中

请参见此处的CodeSandbox：

你能看到如何使它们彼此独立吗？

这两个选项共享HTML id属性，特别是htmlFor使用的属性

如果您传入一个名称属性，使每个下拉列表的名称属性不同，并将其传递到下拉视图，您应该能够使无线电输入“id”和“label”htmlFor唯一。

更好的是，为每个id属性生成一个uuid，并封装用户对唯一ID的需求component@ben-斯蒂芬斯想举个例子来说明你的意思吗？我将代码更新为我相信你的意思，但我仍然不确定编辑：抱歉，看起来我没有保存某些内容。编辑2：已保存