javascript - 如何在 reactjs 应用程序中创建自定义模式？

Question

每当用户想要删除自己的帖子时，我都想制作自定义确认模式。如何使用尽可能少的代码？我正在考虑内部带有逻辑的独立组件（用户可以通过道具功能发送是/否等）但我无法弄清楚的问题是当用户单击按钮时如何安装此组件？当我需要使用模态时，是否需要在每个组件中使用本地状态？就像是： showModal ? <Modal onYes={()=>{}} onNo={()=>{}} title='whatever you want' /> : ''

我可以通过其他方式实现吗？我希望我解释得很好。

Answer 1

您也可以使用 HOC。在 HOC 中保持显示/隐藏状态，然后从父组件传递道具/函数（带柯里化）

小例子- https://codesandbox.io/s/withtoggle-hoc-8bd0r