![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 55
Tiramisu_C
认定的事,如果不执着,就什么都没有。
展开
-
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 评论 -
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 start create-react-app是基于webpack+es6的react项目自动化构建工具,假设您已经安装好node npm cnpm...原创 2018-04-11 23:31:30 · 994 阅读 · 0 评论 -
【React】使用shouldComponentUpdate对组件性能进行优化
前言 react中,我们通过this.setState()方法去改变自身组件的state,以及子组件的props,然后触发组件重新渲染。 那么,当我们setState之后,新的state和旧的state值是一样,页面也会进行重新渲染,这是不必要的,也是损耗性能的。 举例 写一个demo import React, { Component } from 'react'; //子组件 const...原创 2018-10-13 17:29:30 · 5797 阅读 · 1 评论