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

Question

每当用户要删除自己的帖子时，我都希望创建自定义确认模式。如何使用尽可能少的代码呢？我正在考虑内部具有逻辑的独立组件（用户可以通过props函数在yes / no上发送，等等），但是我不知道的问题是当用户单击按钮时如何安装此组件？当我需要使用模式时，是否需要在每个组件内使用局部状态？就像是： showModal ? <Modal onYes={()=>{}} onNo={()=>{}} title='whatever you want' /> : ''

我可以通过其他方式实现吗？我希望我能解释清楚。

Answer 1

您也可以使用HOC。将显示/隐藏状态保留在HOC内，然后从父级组件传递道具/功能（带有周期性）

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