React踩坑集锦集合

• Warning: Failed prop type: Invalid prop component of type object supplied to Route, expected function

解决办法：是因为 route 中的 component 没有组件和函数

• 使用create-react-app，将全局的变量(jquery)定义到window中，在别的JS文件报"$ no undef"

解决办法：是因为eslint插件中未在全局定义变量或者去除node_modules中的react-scripts文件中的webpack.config.dev.js中eslint的插件去掉就行

• 用withrouter包住导出的组件
  当一个非路由组件也想访问到当前路由的match,location,history对象，那么withRouter将是一个非常好的选择
• mapStateToProps获取不到数据

createStore('reducer的总仓库'，初始的数据)
const ADD_ID = (state = {},action) =>{
    switch(action.type){
        case 'ADD_ID':
        return Object.assign(state,action)
    }
}
// 这里state默认为ADD_ID的数据 state = {};
// 必须将state包含在返回的数据内，这样才会存储到全局的数据中

• reducer 可以接受state，但是绝不能修改state

纯函数指的是，给定固定的输入，就一定会有固定的输出，而且不会有任何副作用