React学习笔记
记录React学习知识点
Tiramisu_C
认定的事,如果不执着,就什么都没有。
展开
-
【React】使用shouldComponentUpdate对组件性能进行优化
前言react中,我们通过this.setState()方法去改变自身组件的state,以及子组件的props,然后触发组件重新渲染。那么,当我们setState之后,新的state和旧的state值是一样,页面也会进行重新渲染,这是不必要的,也是损耗性能的。举例写一个demoimport React, { Component } from 'react';//子组件const...原创 2018-10-13 17:29:30 · 5797 阅读 · 1 评论 -
antd(1)-设置RangePicker选择区间和默认选择时间
安装并引入momentimport moment from 'moment'设置区间和默认选择时间const dateFormat = 'YYYY-MM-DD'// 默认选择时间为最近7天const defaultSelectDate = { startDate: moment().startOf('day').subtract(6, 'days'), endDate: momen原创 2018-04-16 14:17:41 · 30992 阅读 · 6 评论 -
React学习笔记(1)—初识React
写一个简单的Hello Word程序<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="https://cdn.bootcss原创 2018-04-11 14:18:28 · 273 阅读 · 1 评论 -
React学习笔记(2)—使用create-react-app自动化构建项目
使用create-react-app自动化构建项目$ cnpm install -g create-react-app$ create-react-app react-learning$ cd react-learning/$ npm startcreate-react-app是基于webpack+es6的react项目自动化构建工具,假设您已经安装好node npm cnpm...原创 2018-04-11 23:31:30 · 994 阅读 · 0 评论 -
React学习问题汇总(1)—解决antd与css-module冲突
使用任何一个框架,或者组件库都要做好碰到各种各样坑的准备。咱们心态要好。这篇文章主要讲解【如何解决antd与css-module冲突】这个小小坑。在webpack.config.dev中的module分别对依赖和src进行配置即可: { test: /\.css$/, exclude:[/node_modules/], ...原创 2018-04-14 14:10:17 · 7471 阅读 · 2 评论 -
React学习笔记(3)—循环渲染组件
项目中经常遇到拿到一个数组数据,用来循环渲染在html模板中的场景。比如我有以下的数据:export default[ { link:"/", label:"首页", subMenu:[] }, { link:"/stateProp", label:"stateProp", su原创 2018-04-14 17:39:57 · 22222 阅读 · 0 评论