如何在响应中传递数据动态子组件

时间:2018-01-19 14:44:03

标签: autocomplete redux react-redux parent-child

我正在为表创建动态子组件。

父组件

class SimpleView extends Component {
  constructor(props) {
    super(props);
    this.onAutoChange = this.onAutoChange.bind(this);
    this.state = {
      columns: this.createcolumns(clone(this.props.tableInfo.columns)),
      dataList: this.props.data,
      result: []
    };
  }
  createcolumns(columns) {
    const editColumnRender = (text, record, index) =>
      <AssingCell
        index={index}
        columnsKey={columns[3].key}
        onAutoChange={this.onAutoChange}
      />;
    columns[3].render = editColumnRender;
    return columns;
  }

  onAutoChange(value){
    this.props.fetchDrivers('',value);
  }

  componentWillReceiveProps(nextProps){
     if(nextProps.driversData && nextProps.driversData.message === 'SUCCESS' && i<1)
   {
      this.setState({driversResult: nextProps.driversData.data});
     i=i+1;
   }
 }

  render() {
    const { columns, dataList, loading } = this.state;

    return (
      <TableWrapper
        columns={columns}
        dataSource={dataList}
      />
    );
  }
}

这是一个名为AssingCell的子组件。按钮内有一个模态按钮。 Modal中还有一个自动完成功能。每次调用时都会调用This.props.onAutoChange。在本节中,将从服务器获取数据。如何将此数据发送到子组件?

或者我怎么能这样做?

0 个答案:

没有答案