如何使用Reactjs使用组件的状态填充模式形式？

Question

我有许多从父组件渲染的子React子组件，单击每个组件的名称后，我希望能够编辑被单击的特定组件的状态，但是我不确定如何最好地“将当前状态传递给模态，以便可以模态上的形式对其进行编辑。

我已经看到了在单击后使用jquery（.val（））设置模式字段的实现，这似乎不是惯用的反应方式。

我应该如何从特定组件中预填充模态字段，模态应在哪里准确呈现？

Answer 1

根据您使用的模态，您应该简单地使用prop将这些值填充到模态组件中。 您可以创建一个更通用的模态组件，并为您的道具提供该模态，如果您不认为可以创建比该特定模样更适合用例的通用模态组件，则可以使用特定模态。 在不知道/不知道使用哪一个代码的情况下很难给出代码示例，但是在react-bootstrap的modal实现中，下面的链接可能会对您有所帮助！

React-bootstrap对Bootstrap模式的实现 。