随笔分类 -  react

react-redux 如何在子组件里访问store对象
摘要：1. 要在constructor-super里接收context对象 2. 给组件(class / pure function)指定contextType属性，用来接收store对象 以下代码模拟了connect(类似react-redux里connect的功能)高阶组件的实现： 阅读全文
posted @ 2019-08-19 18:58 sophel 阅读(2319) 评论(0) 推荐(0)
ES6中的Export/import操作的是引用
摘要：以下以react中的一个“Fruit store”的组件为例来验证上述结论： 1. constants.js 2. Fruit.js 3. TodoApp.js 在index.js中加载TodoApp组件，并点击按钮可见Fruit组件内的list item一直在增加，说明在TodoApp内修改了fr 阅读全文
posted @ 2019-08-16 10:18 sophel 阅读(623) 评论(0) 推荐(0)
combineReducers VS Uncaught Error: Reducer "" returned undefined during initialization
摘要：在使用了combineReducers的场景下，要注意reducers里的state初始化处理，否则到combineReducers函数过程中会抛出异常，原因是combineReducers内部进行了每个reducer断言。 跟踪源码可知原理如下： 继续debug,进入assertReducerSh 阅读全文
posted @ 2019-07-23 15:10 sophel 阅读(2569) 评论(0) 推荐(0)
react中的context的基础用法
摘要：context提供了一种数据共享的机制，里面有两个关键概念——provider,consumer，下面做一些key features描述。 参考网址：https://react.docschina.org/docs/context.html#reactcreatecontext consumer： 阅读全文
posted @ 2019-04-26 18:32 sophel 阅读(1040) 评论(0) 推荐(0)
react之——render prop
摘要：在react “从上至下的数据流原则” 背景下，常规的消息传递机制就是通过prop属性，把父级数据传递给子级，这样一种数据流通模式决定了——数据的接收方子组件要被”硬植入“进数据的数据的给予方父组件，模式如下： 图1 传统依赖props进行数据传递的组件“硬植入”模型 基于上述的“硬植入”模式，就形 阅读全文
posted @ 2019-04-25 15:26 sophel 阅读(524) 评论(0) 推荐(0)
初识react中的状态量
摘要：react组件中的两类状态数据：props,state,官网API给出的使用规范，多读几遍，受益匪浅： 结论： 1. 对应任何可变的数据，理应只有一个单一“ 数据源 ” 2. 如果多个组件均需要这些数据，那可以将数据提升至离他们最近的共同祖先中，而不是尝试在不同组件中同步状态 3. 应该依赖自上而下 阅读全文
posted @ 2019-04-13 18:53 sophel 阅读(272) 评论(0) 推荐(0)
react项目构建中的坑—淘宝镜像安装后要设置
摘要：基本的搭建步骤参考博客：https://blog.csdn.net/qq_27727251/article/details/86593415 这里要强调的坑是：安装完淘宝镜像要将其设置为默认Registy! 如果只是安装了没有设置，会在create-react-app my-project中出现各种 阅读全文
posted @ 2019-03-17 11:52 sophel 阅读(1228) 评论(0) 推荐(0)