如何使用Reactjs使用組件的狀態填充模式形式？

Question

我有許多從父組件渲染的子React子組件，單擊每個組件的名稱后，我希望能夠編輯被單擊的特定組件的狀態，但是我不確定如何最好地“將當前狀態傳遞給模態，以便可以模態上的形式對其進行編輯。

我已經看到了在單擊后使用jquery（.val（））設置模式字段的實現，這似乎不是慣用的反應方式。

我應該如何從特定組件中預填充模態字段，模態應在哪里准確呈現？

Answer 1

根據您使用的模態，您應該簡單地使用prop將這些值填充到模態組件中。 您可以創建一個更通用的模態組件，並為您的道具提供該模態，如果您不認為可以創建比該特定模樣更適合用例的通用模態組件，則可以使用特定模態。 在不知道/不知道使用哪一個代碼的情況下很難給出代碼示例，但是在react-bootstrap的modal實現中，下面的鏈接可能會對您有所幫助！

React-bootstrap對Bootstrap模式的實現 。