Как передать данные в Ant Design Modal

Question

У меня есть простое приложение, которое выскакивает модальный дизайн муравья.Например:

    render() {
    return (
        <div>
                <Menu className="parent">
                    <Menu.Item className="menu_item" onClick={DataModal} >
                        <span className="item_name">Data</span>
                        <Icon type="right" className="item_icon" style={{ float: 'right', fontSize: '1.5em' }} />
                    </Menu.Item>
               </Menu>
        </div>
     )}

Когда пользователь нажимает на элемент меню, появляется модальное окно DataUsage, которое выглядит так:

Data.js

export default function DataModal() {
    Modal.info({
        title: 'Data',
        content: (
            <div className="modal_data_wrapper">

           </div>
        ),
        style: { top: 0, height: '83vh' },
        width: '100%',
        onOk() { },
    });
}

Всплывающее окноработает правильно.Мне нужно отправить некоторые данные в этот модальный.Как я могу это сделать ?

Answer 1

Вы можете передать его в вашу модальную функцию создания. Например:

export default function DataModal(dataToPassIn) {
Modal.info({
  title: 'Data',
  content: (
    <div className="modal_data_wrapper">
      {dataToPassIn}
    </div>
  ),

Тогда просто передайте аргументы при вызове:

<Menu.Item className="menu_item" onClick={() => DataModal('hello')} >