随笔分类 - React
react框架,搭建大型移动端项目
摘要：1.创建项目名<react-progect> ->项目文件下创建package.json文件 ->项目下执行命令：cnpm initcnpm i webpack webpack-dev-server -D->安装loader,生成mode_module文件cnpm install babel-loa
阅读全文
摘要：官方API:https://reacttraining.com/react-router/web/api/BrowserRouter; React Router 安装命令如下。 使用时，路由器Router就是React的一个组件。 import { Router } from 'react-rout
阅读全文
摘要：废话不多说，先给一个github案例：前往.. 1.create-react-app <文件名> 安装router:npm i react-router-dom -S; npm install -S react-router; npm i redux react-redux react-thunk
阅读全文
摘要：Provider功能主要为以下两点： 在原应用组件上包裹一层，使原来整个应用成为Provider的子组件 接收Redux的store作为props，通过context对象传递给子孙组件上的connect 首先，对原组件进行了封装： render方法中, 渲染了其子级元素, 使整个应用成为Provid
阅读全文
摘要：redux 的中间件(对dispatch功能的拦截和增强，一般不用自己写，有插件) dispath是一个方法，可以自行中间拦截更改： store.dispatch = function(action){console.log("dispatch执行了") next(action); console.
阅读全文
摘要：redux的中文文档：http://www.redux.org.cn/ redux的英文官网：https://redux.js.org/ redux相当于vuex Redux 是 JavaScript 状态容器，提供可预测化的状态管理。可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生
阅读全文
摘要：1.constructor( ) super( )的基本含义 这是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加空的constructor( )方法。 super( ) ——继承 在class方法中，继承是使用 ext
阅读全文
摘要：全局安装react脚手架工具 首先全局进行安装:cnpm install create-react-app -g 查看是否安装完成:create-react-app 创建react项目：create-react-app <项目名> 如果create-react-app出现如下错误时：1.//换源 n
阅读全文
摘要：前端优化的主要方面就是减少页面的DOM操作，减少重排和重绘，React在这方面做了优化，采用了所谓的虚拟DOM，其实我们平时也会遇到虚拟DOM，只是你没有注意罢了，请听我娓娓道来。 所谓的虚拟DOM就是JavaScript对象，就是在没有真实渲染DOM之前做的操作，给你举几个例子来看看： （1）cr
阅读全文
摘要：React 生命周期分为三种状态 1. 初始化 2.更新 3.销毁 一、初始化阶段 1、设置组件的默认属性 static defaultProps = { name: 'sls', age:23 }; //or Counter.defaltProps={name:'sls'} 2、设置组件的初始化状
阅读全文
摘要：https://reactjs.org/docs/typechecking-with-proptypes.html 1.安装：cnpm i prop-types -S import PropTypes from 'prop-types'; MyComponent.propTypes = { opti
阅读全文
摘要：关于react的几个网站： http://react.css88.com/ 小书：http://huziketang.mangojuice.top/books/react/ http://www.redux.org.cn/ 组件传值的方法： 1.父子组件间的传值 2.context 3.子组件向父组
阅读全文
