React 組件設(shè)計(jì)問題

首先來說 兩者的效果肯定是一樣的毋庸置疑
react本身設(shè)計(jì)的時(shí)候就認(rèn)為--組件的狀態(tài)，是由組件的屬性來決定的
那么antd-design中這個(gè)modal也是一樣的。設(shè)計(jì)的時(shí)候就希望 這個(gè)組件是由某個(gè)外部給他的屬性來控制，所以自然就這么設(shè)計(jì)啦

import { Modal, Button } from 'antd';

const confirm = Modal.confirm;

function showConfirm() {
  confirm({
    title: 'Do you want to delete these items?',
    content: 'When clicked the OK button, this dialog will be closed after 1 second',
    onOk() {
      return new Promise((resolve, reject) => {
        setTimeout(Math.random() > 0.5 ? resolve : reject, 1000);
      }).catch(() => console.log('Oops errors!'));
    },
    onCancel() {},
  });
}

ReactDOM.render(
  <Button onClick={showConfirm}>
    Confirm
  </Button>,
  mountNode);

看清楚好吧
也是有的