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

Question

I want to make custom confirmation modal whenever user wants to delete his own post. How to approach that to use as less as possible code? I was thinking about independent component with logic inside (user can send via props function on yes/no, etc) but the problem I can't figure out is how to mount this component when user click on a button? Do I need to use local state inside every component when I need to use modal? Something like: showModal ? <Modal onYes={()=>{}} onNo={()=>{}} title='whatever you want' /> : '' showModal ? <Modal onYes={()=>{}} onNo={()=>{}} title='whatever you want' /> : ''

Can I achieve that in other way? I hope I explained well.

Answer 1

You can use HOC as well. Keep show/hide state inside HOC and then pass props/functions (with currying) from Parent component

Small example - https://codesandbox.io/s/withtoggle-hoc-8bd0r