react16.6 contextType属性

作者: MJ 分类: react 发布时间: 2019-05-11 11:31

React 16.6引入了在不直接使用Consumer组件的情况下从上下文消费数据的功能。这有助于减少组件JSX中不必要的嵌套,使它们更易于阅读。

使用:static contextType

class MyButton extends React.Component {
static contextType = UserContext

  render() {
    const { isConnected } = this.context
    return(
    <button>{isConnected() ? 'Disconnect' : 'Connect'}</button>
    )
  }
}

https://egghead.io/lessons/react-use-contexttype-to-consume-context-in-a-react-class-without-a-consumer

欢迎关注小程序,感谢您的支持!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注