react系列---【Hooks】
摘要：1.Hooks 1.什么是hooks？ Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他 的 React 特性。 2主要解决的问题 1.用于在函数组件中引入状态管理和生命周期方法; 2.取代高阶组件和render props来实现抽象
阅读全文
posted @ 2021-06-09 22:43
随笔分类 - 【react】
react系列---【redux安装、创建仓库】
摘要：redux基础 react(组件) 》react-redux《 redux(数据) 》redux-thunk(fetch)《 后端 官网 https://www.cntofu.com/book/4/index.html 三大原则： 1.单一数据源 2.state是只读的 3.只能通过纯函数修改sta
阅读全文
posted @ 2021-06-09 22:41
react系列---【redux进阶】
摘要：| # 1.redux | | | | ### 1.action creators | | | | 作用:统一管理所有的Actions | | | | js | | //action creator | | export let actions = { | | changeName: (name)
阅读全文
posted @ 2021-06-09 22:38
react系列---【react数据交互】
摘要：1.数据交互 0.配置代理 1.package.json配置 ,需要重启项目 { //配置代理 "proxy":"http://localhost:5000", } axios("后端的路径") 2.手动配置 1.安装依赖 cnpm i http-proxy-middleware --save 2.
阅读全文
posted @ 2021-06-09 22:20
react系列---【react路由、UI库】
摘要：1.路由 安装 npm i react-router-dom --save 模式 HashRouter BrowserRouter import {HashRouter,BrowserRouter} from "react-router-dom" ReactDOM.render( <HashRout
阅读全文
posted @ 2021-06-09 22:18
react系列---【react组件通信、生命周期、组件优化、错误边际处理、表单、HOC高阶组件】
摘要：1.props 1.props可以传递数据，子组件接收 父组件传数据 <Child name={name} age={age} json={json} ></Child> 子组件接收 let { name, age, json: { x }, } = this.props; 2.取值 let { n
阅读全文
posted @ 2021-06-09 22:12
react系列---【react安装脚手架、组件、jsx语法、事件处理、state】
摘要：1.脚手架 npm i create-react-app -g //安装脚手架 create-react-app demo // 创建项目 cd demo //进入项目 npm start //启动项目 目录介绍： my-app - node_modules --npm包 - public --服务
阅读全文
posted @ 2021-05-26 22:32
