使用React样式组件，如何添加模态？

Question

I'm learning how to add styled-components to my React app. I'm at the point now where I want to add a Modal Dialog to my app and unsure how to approach this problem with styled components.

For those that use styled-components, how did you add a Modal to your app? Do you need to use a styled-component library for this, a react modal library or a jQuery solution? What's the right way to add a Modal to a React styled-component app?

Thank you

Answer 1

If you have a library that provides a Modal component, you can wrap it using styledComponents:

const **WrapperModal** = styled(**Modal**)`

    /* yourStyleHere; */

`;

Then call WrapperModal to used instead of your Modal component.