React
Rand Tsui
东方欲晓,莫道君行早。
展开
-
【React】js路由跳转穿参
【转自】:https://www.cnblogs.com/houjl/p/10056718.html方式 一: 通过params 1.路由表中 <Route path=' /sort/:id ' component={Sort}></Route> 2.Link处 HTML方式 <Li原创 2021-02-01 14:04:32 · 116 阅读 · 0 评论 -
【React】项目依赖包
"dependencies": { "@babel/polyfill": "^7.4.4", "axios": "^0.19.0", "react": "^16.8.6", "react-dom": "^16.8.6", "react-redux": "^7.1.0", "redux": "^4.0.4" }, "devDependen...原创 2019-07-24 12:15:59 · 1037 阅读 · 1 评论 -
【React】打包折腾记录
首先run build 之后会生成 build目录 static目录 等等,还会生成一些html没有引用的js文件,比如service-worker等等需求1、不需要的文件我不要它生成2、我要改变输出目录结构3、我要改变某些输出文件名解决方案(已验证)1、node_modules 目录下的 react-script 包里面有webpack配置,改文件引用了...原创 2019-07-11 16:34:08 · 212 阅读 · 0 评论 -
redux 总结篇
安装npm install --save redux如果使用reactnpm install --save react-redux目录结构理解1、actions 目录下的 index.js 存放了各个 action 的定义,并单个导出,给组件引用2、containers 目录下的组件 引用某个 action,使用 dispatch 触发该 action3、r...原创 2019-06-04 23:00:23 · 129 阅读 · 0 评论 -
react 高级总结篇
Accessibility暂略代码分割import()The best way to introduce code-splitting into your app is through the dynamicimport()syntax.Before:import { add } from './math';console.log(add(16, 26));...原创 2019-06-04 21:19:15 · 229 阅读 · 0 评论 -
react 组件生命周期
转自:https://blog.csdn.net/chuanxincui/article/details/80856945如图,可以把组件生命周期大致分为三个阶段:第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化;第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面;第三阶段:是组件卸载消亡的阶段,如...转载 2019-06-04 17:25:45 · 145 阅读 · 0 评论 -
【React Redux 注意事项】
1、React import 必须放在文件最前面,import 之前不能出现 js 。2、动态 import css 不可行,可以使用 scss 对不同的 class命名空间 分类预编译。3、文件扩展名使用 .js 而不要用 .jsx,不然浏览器不认,不好调试。4、reducer 不能修改 state,只能读取state然后返回一个新的对象或数组,不然视图不会重新渲染。5、re...原创 2019-06-20 11:15:36 · 202 阅读 · 0 评论 -
react-router 总结篇
基本认识react-router: 实现了路由的核心功能react-router-dom: 基于react-router,加入了在浏览器运行环境下的一些功能react-router-native: 基于react-router,加入了react-native运行环境下的一些功能安装web环境npm install react-router-domnativ...原创 2019-06-03 21:22:35 · 310 阅读 · 0 评论 -
react 基本总结篇
创建一个React Appnpx create-react-app my-appcd my-appnpm start说明:以上代码会安装 react, react-dom, react-scripts 但不会安装 react-router,reduxJSX的各种使用方式const element = <h1>Hello, world!</h1>...原创 2019-06-03 20:59:09 · 151 阅读 · 0 评论 -
【React 组件】ToggleButton
import React from 'react';const css_div_parent = { display: 'inline-block', position: 'relative', width: '2rem', height: '1rem', top: '.24rem', left: '.9rem', background...原创 2019-06-19 11:00:25 · 407 阅读 · 0 评论