![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
这个分类专栏是学习和复习React的已个记录学习笔记和问题的专栏
ProbeGene
路漫漫其修远兮, 吾将上下而求索...
展开
-
React项目中安装和配置antd流程
文章目录在React 项目中安装和配置 antd 流程安装 antd高级配置react-app-rewired定制主题/主题颜色在React 项目中安装和配置 antd 流程安装 antdyarn add antdnpm i antd使用 antd 的样式这种方式是使用 antd 的全部样式, 比较浪费, 一般我们不这么引入, 一般都是按需引入的方式使用 antd 的样式.@import '~antd/dist/antd.css;高级配置按需加载 antd 的样式react-原创 2020-08-06 14:17:21 · 4342 阅读 · 0 评论 -
React中reducer的拆分,react redux hooks及redux-thunk中间件使用
文章目录react中 reducer的拆分,react redux hooksreact redux hooksuseSelectoruseStoreuseDispatchredux 中间件 - redux-thunkreact中 reducer的拆分,react redux hookscombineReducers 官网的介绍combineReducers(reducers)复杂数据下 reducer 的拆分,案例代码如下:import {combineReducers} from "r原创 2020-08-06 14:15:17 · 539 阅读 · 0 评论 -
redux, react-redux 及使用案例演示
文章目录redux 和 react-reduxredux核心概念state 对象action 对象store 对象redux 三大原则react-reduxredux 和 react-redux 案例代码如下redux 和 react-reduxRedux 是一个独立的JavaScript 状态管理库, 并非是 React 内容之一redux中文文档官网redux核心概念理解redux的几个核心概念以及它们之间的关系1. state2. reducer3. store4. actio原创 2020-08-05 10:24:54 · 211 阅读 · 0 评论 -
React路由 及 React 路由中核心组件
文章目录React 路由前端路由React Router基于 Web 的 React Routerreact-router-dom 的核心组件Router组件Route 组件exact 属性component 属性Route:render 路由组件传参动态路由Link 组件to 属性NavLink 组件activeStyleactiveClassNameisActiveSwitch 组件Redirect 组件withRouter 组件React 路由react-router路由路官网安装: npm原创 2020-08-03 17:13:51 · 1769 阅读 · 0 评论 -
React函数式组件及React常用hooks
文章目录React函数式组件及常用hooks函数式组件函数式组件简单介绍React hooks(钩子)React hooks的优势常用hook - useState常用hook - useEffect常用hook - useRef常用hook - useMemoHook 使用规则React函数式组件及常用hooks函数式组件函数式组件简单介绍函数式组件: 函数式组件本质就是一个普通函数, 接收一个props参数, 并返回一个 reactElement .函数式组件中没有 this和生原创 2020-08-03 16:46:54 · 1922 阅读 · 0 评论 -
React受控非受控组件详解,PureComponent介绍,Refs, children属性详解
文章目录React 受控非受控组件 PureComponent受控组件&非受控组件受控组件非受控组件受控组件和非受控组件区别PureComponentPureComponent 问题ref 属性string ref回调Refs主流写法 createRefchildrenchildren 传递标签数据dangerouslySetInnerHTMLReact 受控非受控组件 PureComponent受控组件&非受控组件在 React中, 组件内部主要是通过 props 和 state原创 2020-07-31 15:03:54 · 304 阅读 · 0 评论 -
React组件间通信方式, React生命周期理解
文章目录ReactReact组件间通信父传子 props子传父 回调跨组件通信 contextReact组件的生命周期React的生命周期演变React 16.3 之前React16.3 之后将来生命周期替代方法生命周期函数作用详解constructor(props)render()static getDerivedStateFromProps(props,state)componentDidMount()getSnapshotBeforeUpdata(prevProps,prevState)compone原创 2020-07-30 13:59:03 · 311 阅读 · 0 评论 -
React的基本使用,及create-react-app介绍
文章目录React基础语法如何使用ReactReact的基础使用React中的条件渲染React脚手架 create-react-app安装 create-react-app脚手架React中的组件函数式组件类组件StrictMode 模式StrictMode模式的作用StrictMode具体使用setState 更改状态数据的方法props 和stateprops和state的区别React基础语法如何使用ReactReact.js 提供了React.js核心功能的代码, 如: 虚拟 dom的创建原创 2020-07-29 15:14:46 · 575 阅读 · 0 评论