#### 1. 使用react-redux 的Provider组件传入store时,在子组件中,this.context是空对象???
- 原因:子组件没有声明 contextTypes
- 解决:
```
class App extends React.Component{
//注意这里必须要显式的写出context参数
constructor(props,context){
console.log(this.context);
}
componentDidMount(){
console.log(this.context) //这里不用显示的写context参数
}
}
App.contextTypes = {store:PropTypes.object.isRrequired}
```
> 总结:react中,`contex`t需要声明`contextTypes`才能拿到,只有上层组件childContext和context的type 匹配才会对下层组件可见。
- 一、安装与使用
- 二、JSX介绍
- 三、React渲染
- 四、组件Components
- 4.1 定义组件
- 4.2 复合组件
- 4.3 React创建组件的三种方式及其区别
- 五、Props(属性)和State(状态)
- 5.1 Props属性
- 5.2 State状态
- 5.3 组件间的通信
- 5.4 单向数据流&事件
- 5.5 Refs属性
- 六、React生命周期
- 七、React组件应用场景
- 7.1 条件渲染
- 7.2 列表渲染和Key
- 7.3 表单组件
- 八、React-router初识
- 8.1 React-router主要组件
- 九、项目中的问题记录
- 9.1 antd+react项目初体验
- 9.2 fetch请求
- 9.3 简单项目的规范
- 十、redux简介&使用
- 10.1 基本概念和API
- 10.0 踩坑记录
- 10.2 react-redux