react 入坑学习（十二）ant modal 底部按钮自定义

先赞后看，养成习惯！

ant modal 的底部按钮真的有点反人类，怎么能把确定放在取消的右边呢？

还好可以自定义

这次举的例子就是将 ant modal 底部按钮翻转一下，让确定在左边

<Modal
        title="yourtitle"
        visible={MailOutModal}     //控制对话框的弹出与消失
        footer={[
          <Button
            type="primary"
            key="ok"
            onClick={() => {
              ...//自己写点击事件
            }}
          >
            确认
          </Button>,
          <Button
            type="primary"
            key="cancel"
            onClick={() => {
              setMailOutModal(!MailOutModal);
            }}
          >
            取消
          </Button>,
        ]}
      >

这样对话框就顺眼多了，要是有其他要加的按钮，也可以在footer中自行定义，还是很方便的

新手小白，如果有帮助到你，能点个赞嘛！!谢谢！！！