如果多层嵌套，怎么区分父级的Provider对应子组件的Consumer

Question

多个父级定义Provider
在子组件中Consumer怎么区分是哪个父级

Answer 1

Jokcy 2019-01-13 18:54:31

每个provider都对应单独的consumer，你要用哪个数据就用哪个consumer

• 提问者 初衷012 #1

  const { Provider, Consumer } = React.createContext('default')
  <Provider value={this.state.newContext}>{this.props.children}</Provider>
  <Consumer>{value => <p>newContext: {value}</p>}</Consumer>
  如果有多个，怎么区分，是通过 React.createContext('default') 里修改default 还是Provider属性value 
  
  contextTypes childContextTypes 这两个对象可以通过key来一一对应，但是Provider Consumer并没有对应的地方
  
  不知道我说清楚了没有?

• Jokcy 回复 提问者 初衷012 #2

  Provider上的value对应的是consumer拿到的内容，consumer必须使用一个方法作为child，通过调用这个方法传入Provider提供的内容。