ANTD Multiple Modals?

Question

1.问题：如何多个Modals中，点击单一特定按钮只开启一个对应的Modal？

2.说明：官方文件上使用state来控制modal的显示与否。如visible={this.state.visible}
因为多个modals共用一个state，所以this.state.visiable的值改为true时所有的modals将显示，最后的modal会出现在最上层。

3.情境：使用Map function依照array中的元素产生对应数量的Modal

4.代码：

Answer 1

有一种方式将<div&nbsp;key={tradecase.type}&nbsp;className="modalWrap"&nbsp;onClick={this.showModal}> &nbsp;&nbsp;&nbsp;&nbsp;<button&nbsp;key={tradecase.total}&nbsp;className="modalTrigger">BTNS</button> &nbsp;&nbsp;&nbsp;&nbsp;<Modal&nbsp;className="modals"&nbsp;visible={this.state.visible}&nbsp;key={tradecase.img}&nbsp;closable={false}&nbsp;title={tradecase.type} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onOk={this.handleOk}&nbsp;width="45vw"&nbsp;confirmLoading={this.state.confirmLoading}&nbsp;onCancel={this.handleCancel}&nbsp;okText="前往付款"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p&nbsp;className="desc">{tradecase.desc}</p> &nbsp;&nbsp;&nbsp;&nbsp;</Modal></div>封装成子组件,由其内部维护自身state控制各自的modal显示或者隐藏.我写了个小demo可以参考一下:&nbsp;PopModal