Javascript 如何将数据传递给Ant设计模型

我有一个简单的应用程序，弹出一个ant设计模式。像这样：

    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>
     )}

---

弹出窗口工作正常。我需要发送一些数据到这个模式。我该怎么做

您可以将其传递到模态创建函数中。例如：

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

导出默认函数DataModal（dataToPassIn）{
Modal.info({
标题：“数据”，
内容：(
{dataToPassIn}
),

然后调用时只需传入args：

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

DataModal（'hello'）}>

它可以工作，谢谢。为什么我应该使用胖箭头函数而不是普通的

DataModal（'hello'）

函数？因为箭头是一个函数。如果你只做

DataModal（'hello'）

它会在挂载时弹出模式，而不是单击。在这种情况下，它是一个结果，不是一个函数。我建议尝试一下，看看会发生什么。

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