[ant-design/ant-design-pro]Help,子组件如何调用父组件的dispatch方法？

我需要在表格（Table）上面执行写数据的操作：下面写法说 dispatch 未定义。我应该怎么传递dispatch方法？

或者我怎么把父组件的方法传递到 columns

const columns = [
  {
    title: '内容',
    dataIndex: 'detail',
    render: (text, record) => {
    const handleSubmit = value => {
        const { dispatch } = this.props;
        dispatch({
          type: 'news/fetch',
        });
      }
return (
  <Search
            placeholder="请输入摘要..."
            enterButton="提交"
            size="default"
            onSearch={value =>{
              handleSubmit(value)}
            }
     />
)
}
},
]

wuyongdec

不推荐这种用法。你为什么要这么干

chenshuai2144

就是想在表格里面做复杂数据操作，对表格的文章评论和打分。我的表格使用的你们StandardTable，我在父组件里面写了：

handleSubmit = (value,links) =>{
    const { dispatch } = this.props;
    dispatch({
      type: 'newsdjk/fetch',
      param:{
        value:value,
        links:links,
      }
    });
  }

我不知道怎么把这个函数，传递给columns 看了一下ant design的 table 文档里面没有这种demo 0607

wuyongdec

使用 columns render 调用 this.props.dispatch. 先用 connent 一下 table 类

chenshuai2144

不是很懂...

wuyongdec

dva了解一下

chenshuai2144

你们的回答都好精简...

wuyongdec

因为这里主要是解决 bug 提出需求的。不是互助的地方。会给一个方案然后关掉你的 issue。你可以 google

chenshuai2144

去 https://github.com/dvajs/dva 学习一下 dva 吧~

afc163

我是用一个函数动态生成columns,把需要调用的方法当参数传给columns

function getColumns(dispatch){ return [{ .... render(r,r){ dispatch(...) } }] }

JhoneLee

。。。

yanlee26