reactjs - 使用 React styled-components，如何添加 Modal？

Question

我正在学习如何将样式化组件添加到我的 React 应用程序中。我现在想在我的应用程序中添加一个模态对话框，但不确定如何使用样式化组件解决这个问题。

对于那些使用 styled-components 的人，你是如何在你的应用中添加 Modal 的？您是否需要为此使用样式化组件库、反应模式库或 jQuery 解决方案？将 Modal 添加到 React 样式组件应用程序的正确方法是什么？

谢谢

Answer 1

如果你有一个提供Modal组件的库，你可以使用 styledComponents 来包装它：

const WrapperModal = styled(Modal)`

    /* yourStyleHere; */

`;

然后调用WrapperModal来代替你的Modal组件。