反应响应模式 - animationDuration

时间:2018-05-22 13:22:26

标签: reactjs modal-dialog responsive

我将此模式用于我的React应用:https://www.npmjs.com/package/react-responsive-modal

我似乎无法找到如何使用这些可选的道具。其中一个已经在示例(center)中使用,其类型为boolean。我想使用animationDuration道具。如何将其设置为我的模态以及在何处指定持续时间?

我尝试了一些选项,例如在animationDuration中使用state或在包文件中更改默认值500毫秒,但这些都不适合我。

提前致谢!

1 个答案:

答案 0 :(得分:1)

您可以通过将道具放在“模式”开始标签中来实现。 例如:

<Modal animationDuration={1000} styles={{ modal: { background: "#ccc" } }} closeIconSize={16} open={modalOpen} onClose={this.onCloseModal} center >
     Your modal content here...
</Modal>

享受!