15 react-redux provider组件

Z时代
2024-01-10
分类：综合

react

provider组件概念图:

provider组件的作用:

provider包裹在根组件外层，使所有的子组件都可以拿到state.

它接受store作为props，然后通过context往下传，这样react中任何组件都可以通过context获取store。

provider组件的原理:

export default class Provider extends Component {
  getChildContext() {
    return { store: this.store }
  }
  constructor(props, context) {
    super(props, context)
    this.store = props.store
  }
  render() {
    return Children.only(this.props.children)
  }
}
Provider.propTypes = {
  store: storeShape.isRequired,
  children: PropTypes.element.isRequired
}
Provider.childContextTypes = {
  store: storeShape.isRequired
}