博客

React建议不要使用Context

1. 绝大多数程序是不需要使用Context
2. 这是个实验性API;在未来的React版本中，可能会被更改.所以是不稳定的
3. 如果你不是一个有经验的React的开发者，不要使用context，通常仅使用props和state来实现功能是更好的一种方式。

“我”就是不听劝

尽管有这些警告，如果你还是坚持要使用context，那么尽量将使用context的代码隔离到一小块地方并避免直接使用context API，这样以后API变更的时候更容易升级。

使用props进行层层传递

import React from 'react'
import ReactTypes from 'prop-types'
export default class Context extends React.Component {
   
    constructor(props) {
   
      super(props)
  
      this.state = {
   
        color: 'red'
      }
    }
  
    render() {
   
      return <div>
        <h1>这是 爷爷组件 </h1>
        <Father color={
   this.state.color}></Father>
      </div>
    }