使用Context API维护全局状态

1. ContextAPI是官方提供的一种组件树全局通信的方式(生产者和消费者模式)。16.3之前由于存在各种局限性不提倡使用
2. 下面给个例子

	const AppContext  = React.createContext();
	const {
     Provider, Consumer } = AppContext;
	// Provider生产者 可以为多个消费者使用
	<Provider value={
    title:this.state.title,content:this.state.content}>
		<Title /> //子组件
		<Content /> //子组件
	</Provider>
	
	// Consumer 代表消费者
	function Title(props) => {
    
    	return (<Consumer>
			{
    value => <div> {
    value.title} </div>}
		  </Consumer>
    );
}

	

3. 新的Context API解决了什么问题？
   • 之前的代码不够优雅，很难迅速判断出谁是Provider谁是Consumer
   • 无法在保证数据在生产者和消费者之间的及时同步

案例：如果组件提供一个Context 发生了变化，而中间父组件的shouldcomponentUpdate返回false，那么使用带该值的后代组件不会进行更新。使用了Context的组件则完全失效，所以基本上没有办法能够可靠的更新Context。