antpro design pro中的子组件使用父组件的dva

Ant Design Pro 中的子组件可以使用父组件的 dva Model，可以通过 props 的方式将 dva Model 传递给子组件。具体方法如下：

1. 在父组件中引入 dva 的 connect 方法，并将 Model 中需要的 state 和 dispatch 通过 props 传递给子组件。

import { connect } from 'dva';

const mapStateToProps = ({ myModel }) => ({
  myState: myModel.myState,
});

const mapDispatchToProps = dispatch => ({
  myDispatch: dispatch.myModel.myDispatch,
});

class MyParentComponent extends React.Component {
  render() {
    return <MyChildComponent {...this.props} />;
  }
}

export default connect(mapStateToProps, mapDispatchToProps)(MyParentComponent);

2. 在子组件中使用 props 中传递的 state 和 dispatch。

class MyChildComponent extends React.Component {
  handleClick = () => {
    const { myState, myDispatch } = this.props;
    // 使用 myState 和 myDispatch
  };

  render() {
    return <div onClick={this.handleClick}>Hello World</div>;
  }
}

这样子组件就可以使用父组件的 dva Model 中的 state 和 dispatch 了。