NDSoumig的博客

生命周期的状态： ① Mount →插入真实DOM ② Update → 重新渲染 ③ Unmount → 被移除真实DOM 钩子函数: componentWillMount() componentDidMount() → 开启监听发送ajax请求 componentWillUpdate() componentDidUpdate() componentWillUnmount() → 做收...

取到如图data的值

Props传递数据 父组件 import React,{Component} from 'react' import {Redirect,Switch,Route} from 'react-router-dom' import Son from './Son' export default class Father extends Component{ state={ data:'',...

Redux:不是react,更多的用在react里面，管理react应用中多个组件共享 Redux工作流程: 什么情况需要redux: 总体原则: 能不用就不用, 如果不用比较吃力才考虑使用 某个组件的状态，需要共享 某个状态需要在任何地方都可以拿到 一个组件需要改变全局状态 一个组件需要改变另一个组件的状态 未拆分成redux的app.jsx import ...

一、react-router的组件 1.路由器组件：<BrowserRouter> 、<HashRouter> 2.路由：<Route> 3.重定向:<Redirect> 4.路由连接: <Link> 5.导航路由连接:<NavLink> 6.交换路由:<Switch> 里面可以包换多个<Route> ...

jQuery: 比较重, 如果需要另外引入不建议使用 axios: 轻量级, 建议使用 a. 封装XmlHttpRequest对象的ajax b. promise风格 c. 可以用在浏览器端和node服务器端 fetch: 原生函数, 但老版本浏览器不支持 a. 不再使用XmlHttpRequest对象提交ajax请求 b. 为了兼容低版本的浏览器, 可以引入兼容库fetch.js GET:...

效果图： src结构: index.html: index.js: comment-add.jsx: comment-item.jsx: comment-list.jsx: app.jsx: import React,{Component} from 'react' import ReactDOM from 'react-dom' import CommentAdd from '....

创建 React脚手架 下载React脚手架 : npm install –g create–react-app 查看全局npm下载：npm root 创建脚手架：create-react-app 项目名 进入项目：cd 项目名 启动项目:npm start 在package.json中可以查看项目中使用的库、启动命令（start）、打包工具(build) ...

一、自定义组件 1.定义组件的两种方式 ①工场函数组件 ②ES6类组件 2.渲染组件标签 ReactDOM.render(组件标签，document.getElementById(“root”)); 3.注意 组件名首字母大写 虚拟DOM元素只能有一个根元素 虚拟DOM元素必须有结束标签 4.render()渲染组件标签的基本流程 首先在React内部创建组件实例对象，然后得到包含的虚拟DOM并解...

中文官网: https://doc.react-china.org/ React的特点 Declarative(声明式编码) Component-Based(组件化编码) Learn Once, Write Anywhere(支持客户端与服务器渲染) 高效 单向数据流 React高效的原因 虚拟(virtual)DOM, 不总是直接操作DOM 更新页面的效率可以反映出项目的效率 所以虚拟D...