React
文章平均质量分 78
Aerfajj
哈哈哈
展开
-
React17.0.2官方文档在线学习-高级指引1(代码分割、Context、错误边界、Refs 转发、Fragments、高阶组件、与第三方库协同)
高级指引代码分割打包说明:大多数 React 应用都会使用 Webpack,Rollup 或 Browserify 这类的构建工具来打包文件。 打包是一个将文件引入并合并到一个单独文件的过程,最终形成一个 “bundle”。 接着在页面上引入该 bundle,整个应用即可一次性加载。webpack的官方文档(需要开启代理)代码分割import()// 使用之前import { add } from './math';console.log(add(16, 26));// 使原创 2021-09-24 09:35:32 · 288 阅读 · 0 评论 -
React17.0.2官方文档在线学习-核心概念
核心概念JSX的使用介绍:JSX是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX,JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模版语言,但它具有 JavaScript 的全部功能。特点在 JSX 中嵌入表达式。在标签中使用{}就可以使用变量和方法。JSX 也是一个表达式。也就是说,你可以在 if 语句和 for 循环的代码块中使用 JSX,将 JSX 赋值给变量,把 JSX 当作参数传入,以及从函数中返回 JSX。J原创 2021-09-18 00:18:28 · 506 阅读 · 0 评论 -
redux-thunk、redux-saga和react-redux使用比较(区别)
redux-thunk实现思路redux-saga实现思路react-redux实现思路原创 2021-09-17 01:31:02 · 1303 阅读 · 0 评论 -
React-Redux 入门使用
React-Redux 的使用当前示例的git地址,分支:react-redux实现思路使用Provider标签设置store来源,在页面组件中使用connect方法连接当前组件,同时将store中的state派发到当前的props,设置自定义的方法,也派发到当前的props上。示例表达的意思是:如果使用react-redux,就需要在入口文件index.js中使用Provider标签设置store来源在页面组件中,使用connect连接当前页面和派发内容,定义两个变量 mapState原创 2021-09-17 01:26:25 · 73 阅读 · 0 评论 -
Redux-thunk和Redux-saga的入门级使用
Redux-thunk的使用实现思路在action中设置一个为函数的action,因为thunk中间件可以执行action函数。本示例的表达的意思:页面需要获取到接口中的data数据,调用getListDataAction函数。getListDataAction函数返回的参数不是一个对象,而是一个函数。这个action派发后,thunk中间件识别后,会执行该函数,在异步获取到数据后,会再派发type为GET_LIST_DATA的action。store会再次收到一个新的action,在这个a原创 2021-09-16 17:59:53 · 189 阅读 · 0 评论 -
react基础学习
基础部分创建一个react的项目创建一个react的项目全局安装 react 指令 // 全局安装react (根据需要安装,不是必须的) npm i -g react // 或者 yarn -global react // 全局安装 react的脚手架 (创建react的应用,必须安装脚手架) npm i -g create-react-app // ...原创 2019-07-25 19:27:56 · 278 阅读 · 0 评论