随笔分类 - React框架
摘要：react实多端适配，我们只需要用react核心库， 创建虚拟DOM和组件，在不同端使用不同的渲染库渲染 web端：render | hydrate node端：renderToString | renderToStaticMarkup | renderToNodeStreamrenderToSta
阅读全文
摘要：reducer拓展 路由模块也提供了一个reducer，所以整个应用程序就有了两个reducer 一个是路由reducer 一个是自定义reducer 为了使用多个reducer， redux提供了combineReducers方法，可以合并多个reducer 参数是对象 key 命名空间 valu
阅读全文
摘要：本质就是让所有组件都可以获取路由数据和store数据 dealFn拓展高阶组件，接收store中所有的数据 withRouter(自带)拓展高阶组件，接收路由中所有数据 通过Route组件渲染页面组件，传递路由所有数据 通过父子组件通信，传递所有或部分路由和store中数据 注意：在App组件中，通
阅读全文
摘要：react路由 特点：虚拟DOM 组件化开发 多端适配 多端适配 web端 react-router-dom 模块 native端 react-router-native模块 都依赖react-router模块，不同react版本使用路由方式不同 使用： 引入react-router-dom： 步骤
阅读全文
摘要：安装react-redux redux是通过属性传递数据实现的 回顾一下vuex 组件间通信 发布消息的方法 commit 和dispatch 获取store数据 state，getters 同样，react-redux提供了connect方法和Provider组件 connect函数 （conne
阅读全文
摘要：目的：主要通过该案例学习观察者模式 基于观察者模式来解决组件通信 一个组件订阅消息 一个组件发布消息 在组件中订阅消息，消息的回调函数可以接收数据，可以访问组件实例对象 所以可以用接收的数据更新组件的状态实现通信，这种基于状态实现通信的方案就是reflux的实现 观察者模式只是用来发布消息的框架，不
阅读全文
摘要：redux基于flux思想实现的框架，实现了单一数据源， 数据单向流动等特征 redux 组成 components 组件视图 actions 组件或用户发送的消息 store 存储数据 reduers 捕获消息，处理消息 通信流程 1.一个组件发布一个action 2.action通过store被
阅读全文
摘要：为函数组件拓展功能 函数组件没有继承组件基类，不具有组件的行为 为了函数组件具有这些行为，使用hook方法对函数组件做拓展 1.使用状态数据 let [数据， 修改数据的方法（新的状态 数据）] = useState(默认数据值)； 在函数组件中，用”修改数据方法“ 修改数据 函数组件进入存在期，更
阅读全文
摘要：ref转发：组件外部访问组件内部元素 一.方式：1.ref字符串：内部组件通过this.ref获取对应元素 2.通过createRef创建ref对象的current属性获取对应元素(推荐) 二.使用： ref指向虚拟DOM，获取真实DOM ref指向组件，获取组件实例化对象， 二者只能指向一个 第一
阅读全文
浙公网安备 33010602011771号