React 组件设计问题

Question

为什么 React Modal 组件在设计时，点击关闭 Modal 按钮不在组件内部直接处理关闭逻辑，而是通过事件告知 外部组件 去关闭 Modal，而 Vue element-ui 中则可以在组件内部自行处理关闭 Dialog 逻辑

https://design.alipay.com/dev...
http://element.eleme.io/#/zh-...

Answer 1

import&nbsp;{&nbsp;Modal,&nbsp;Button&nbsp;}&nbsp;from&nbsp;'antd';const&nbsp;confirm&nbsp;=&nbsp;Modal.confirm;function&nbsp;showConfirm()&nbsp;{ &nbsp;&nbsp;confirm({&nbsp;&nbsp;&nbsp;&nbsp;title:&nbsp;'Do&nbsp;you&nbsp;want&nbsp;to&nbsp;delete&nbsp;these&nbsp;items?',&nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;'When&nbsp;clicked&nbsp;the&nbsp;OK&nbsp;button,&nbsp;this&nbsp;dialog&nbsp;will&nbsp;be&nbsp;closed&nbsp;after&nbsp;1&nbsp;second', &nbsp;&nbsp;&nbsp;&nbsp;onOk()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;new&nbsp;Promise((resolve,&nbsp;reject)&nbsp;=>&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;setTimeout(Math.random()&nbsp;>&nbsp;0.5&nbsp;?&nbsp;resolve&nbsp;:&nbsp;reject,&nbsp;1000); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}).catch(()&nbsp;=>&nbsp;console.log('Oops&nbsp;errors!')); &nbsp;&nbsp;&nbsp;&nbsp;}, &nbsp;&nbsp;&nbsp;&nbsp;onCancel()&nbsp;{}, &nbsp;&nbsp;}); } ReactDOM.render(&nbsp;&nbsp;<Button&nbsp;onClick={showConfirm}> &nbsp;&nbsp;&nbsp;&nbsp;Confirm&nbsp;&nbsp;</Button>, &nbsp;&nbsp;mountNode);看清楚好吧&nbsp;也是有的