如何使用Reactjs填充组件状态的模态窗体？

Question

我有很多孩子React从父组件呈现的组件，并且在单击每个组件的名称时，我想能够编辑被单击的特定组件的状态，但是我不知道如何最好将当前状态“传递”到模态中，以便可以在模态中对其进行编辑。

我已经看到在点击后模态字段设置为jquery（.val（））的实现，这似乎不像惯用的反应方式来做到这一点。

我应该如何预先填充特定组件中的模态字段，以及模态应该在哪里完全呈现？

Answer 1

根据您使用的模式，您应该使用道具将这些值填充到模态组件中。你可以创建一个更通用的模式组件，并为你的道具​​提供这个模式，或者如果你不认为你可以创建一个适合比这个特定的更多用例的通用模块，那么可以提供这个模块。很难在没有看到/知道你使用哪一个的情况下给出代码示例，但下面的react-bootstrap实现模式的链接可能会帮助你！

Bootstrap模态的React-bootstrap的implementation。