随笔分类 - React
摘要：前言 React 相信大家都有过接触，React 一套MVC框架，根据 React 的框架诞生的一套使用方便的 处理数据状态的插件，redux。redux 也并不是就只是单纯使用于React , Vue 同样适用，它只是解决了一种处理数据的方式。 一、Redux 1.1 设计思想 Redux 将组价
阅读全文
摘要：使用前提： 主要是仿照 antd 组件中的form表单组件，通过组件包装之后组件提供一些方法导出一些方法，以及导出相应的值。Antd-Form 类似于这样的组件，⽤Form.create()的⽅式实现： getFieldDecorator： ⽤于和表单进⾏双向绑定 getFieldsValue：获取
阅读全文
摘要：说到高阶组件其实小伙伴你并不陌生，只是名字高大上，没啥东西说白了你自己工作中用到了很多只是没有注意到而已。好，现在我们去了解下。。。。 话不多说直接上个小栗子： class Parents extends Component { constructor(props) { super(props);
阅读全文
摘要：ReactNative项目搭建过程 （此处只适合window下操作，因为我的window 的） /*** 搭建必备条件：我使用的是android studio 所以我下载 android studio;* 国内需要FQ去下，但是google提供了更好的方式，不必要FQ* 地址： https://de
阅读全文
摘要：高阶组件深入理解 高阶组件就是一个函数，传给它一个组件，它返回一个新的组件。新的组件使用传入的组件作为子组件。首先根据定义我们明白它就是一个函数，而且它必须有返回值，返回值是一个组件，当然这里我们高阶组件可以嵌套。 其实高阶组件就是把公用的一些部分提出来，把修改的部分以参数的形势传进去，在这里可能有
阅读全文
摘要：import React , { PureComponent } from "react"; export default class Abc extends PureCompoent { constructor(props) { super(props); } render() { return
阅读全文
摘要：PureComponent 与 Component 类似，自react 15.3 版本之后使用，主要为了提高组件的重复加载问题，提高性能，类似于 shouldComponentUpdate功能。 import React, { Component, PureCompoent } from 'reac
阅读全文
摘要：1、基于import()的自动代码拆分import()的厉害之处在于 Webpack 2 可以自动拆分代码，不论你在何时加入新代码，都不用做其他额外的工作，你可以通过切换 import() 位置来轻易试验代码拆分点，以便让你的app达到最佳性能。 2、import Loadable from 're
阅读全文
摘要：开发环境:node v8.9.1,npm 5.5.1,开发项目中的去毛机。（eslint） 1、安装 cnpm install eslint-config-react-app selint-loader eslint-plugin-flowtype -D 2、修改package.json. 3、修改
阅读全文
摘要：1、react 虚拟 DOM 当被加载时，有一套组件加载流程 2、 componetWillMount : “commponent”组件 "will"将要 “Mount”加载上，组件将要被加载上：（此时多用于请求数据，数据一次加载） render: 渲染组件 componentDidMount: 组
阅读全文
摘要：Redux 类似于一个state 数据树，将所有的 数据存储到这个 store 上. reducer / action 其中 reducer 存储的数据，action 是出发的动作，唯一一个修改 reducer 的，其中内部的 subscrible 是一个监听。 // react -redux 使用
阅读全文
摘要：1、Hello React 简单组件搭建。 var HelloReact = React.createClass({ render: function() { return ( <div>Hello React!</div> ) } }); ReactDOM.render( <HelloReact
阅读全文
浙公网安备 33010602011771号