黎小小的博客

报错：e:\StudyFile\kaikeba\works\React专题\react-router>npm start> react-router@0.1.0 start e:\StudyFile\kaikeba\works\React专题\react-router> react-scripts startStarting the development serv...

目录1.知识点2.状态（数据）管理3.Redux——核心概念3.1state 对象3.1.1state 是只读的3.1.2通过纯函数修改 state3.2Reducer 函数3.3action 对象3.4Store 对象3.4.1Redux.createStore 方法3.4.2getState() 方法3.4.3dispatch() 方法3.4...

目录1.路由1.1SPA1.2SPA 的页面切换机制1.3后端路由与前端路由1.3.1后端路由1.3.2前端路由1.4React.js 中的路由2.React Router2.1基于 Web 的 React Router2.1.1安装2.1.2概览3.基础3.1应用场景（一）3.1.1Router 组件3.1.2Route 组件3.1...

目录1.周期分类2.挂载阶段2.1constructor2.2render()2.3static getDerivedStateFromProps()2.4componentDidMount()3.更新阶段3.1static getDerivedStateFromProps()3.2shouldComponentUpdate()3.3render()3....

目录1.默认属性值1.1defaultProps 静态属性1.1.1基于 static 的写法2.非受控组件默认值2.1defaultValue 属性2.1defaultChecked 属性1.默认属性值1.1defaultProps 静态属性defaultProps 可以为 Class 组件添加默认 props。这一般用于 props 未赋值，但又不能为 nu...

目录1.props 验证1.1prop-types1.2安装1.3使用1.props 验证随着应用的不断增长，也是为了使程序设计更加严谨，我们通常需要对数据的类型（值）进行一些必要的验证，React.js 提供了一个验证库：prop-types1.1prop-typesprop-types 是一个独立的库，需要安装https://www.npmjs.co...

目录1.children1.1dialog 组件1.1.1CSS1.1.2dialog.js1.children一个组件通过 props 除了能给获取自身属性上的值，还可以获取被组件包含的内容，也就是外部子组件，前面我们写的组件更多的是作为一个单标签组件，实际应用中很多组件是双标签的，也就是可以包含内容的，也可称为：容器组件，那么组件包含的内容，我们就可以通过 props...

React组件的表单受控组件和非受控组件。

函数式组件，类式组件，组件复用（数据抽取/传入），组件状态state，组件交互（绑定事件，获取事件对象，原生DOM对象，获取原生DOM对象），状态更新setState，props与state区别，组件通信与数据流，key的唯一性

目录1.为什么要使用Create React App2.Create React App介绍3.安装与使用3.1安装3.2使用4.项目目录结构说明5.命令脚本1.为什么要使用Create React App通过前面 script 的方式虽然也能完成 React.js 的开发，但是有一个现在前端很重要的特性 - 模块化，无法使用。2.Create React ...

React基本介绍及js文件的引入，ReactDOM.render()渲染页面，防止XSS攻击，编程范式，JSX的使用/语法规则/注释/输出数据类型/在属性上使用表达式，JSX列表渲染及条件渲染。1.react基本介绍一个用于构建用户界面的JavaScript库。1.1起源`React`起源于`Facebook`的内部项目，因为该公司对市场上所有JavaScript...