Question

在一个页面中，我需要有多个模态，我这样做了

import ApproveModal from '~/components/common/modal'
import RejectModal from '~/components/common/modal'

this.setState({ openApproveModal: true })
{openApproveModal && <ApproveModal />

this.setState({ openRejectModal: true })
{openRejectModal && <RejectModal />

不确定这是正确的方法，但我看到可能有重复的代码，如果我有3-4个动作，我需要导入4个确认模式？

Answer 1

在"...Ready For It?" (@BloodPop ® Remix) out now - https://example.com/rsKdAQzd2q组件中，只需导出各种模式的多个实例：

"...Ready For It?" (@BloodPop ® Remix) out now -

然后使用非常有用的解构模式（更多这里：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment）导入它们：

modal

在react中使用相同的通用组件重复导入

1 个答案: