小编Ger*_*dal的帖子

React`context`总是空对象

我正在尝试在我的React应用程序中设置一个上下文,但不知怎的,我无法访问context儿童.这是父类:

import React from 'react'
import MenuBar from './MenuBar.js'

export default class App extends React.Component {

  static childContextTypes = {
    prop:    React.PropTypes.bool
  };

  getChildContext(){
    return {
      prop: true
    }
  }

  render() {
    return (
      <div>
        <MenuBar />
      </div>  
    )
  }

}
Run Code Online (Sandbox Code Playgroud)

这是我的孩子班:

import React, { Component } from 'react';

export default class MenuBar extends Component {

  constructor(props, context){
    super(props,context)
    console.log(this.context)
    console.log(context)
  }

  render() {
    console.log(this.context)
    return (
      <div>MenuBar</div>
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

所有人都console.log返回一个空对象,我做错了什么?

javascript class ecmascript-6 reactjs

8
推荐指数
1
解决办法
5436
查看次数

标签 统计

class ×1

ecmascript-6 ×1

javascript ×1

reactjs ×1