随笔分类 - React
记录 React 相关的问题
摘要:在打包之前,在 package.json 中 private 下(位置任意)添加"homepage": "./" 这样在你点击index.html时候路径没有问题不会报错,但是页面可能还是空白的 然后将项目中的引用路由时候的BrowserRouter改为HashRouter,所有用到的地方都要改 然
阅读全文
摘要:使用 eject 扩展 webpack 前言 本文基于 (“react”: “^16.13.1”) 版本 react官方脚手架默认是将webpack配置隐藏起来了,在进行配置之前需要将webpack给暴露出来。 1.输入命令 npm run eject 会出现一个命令提示:这是一个单向操作,确认操作
阅读全文
摘要:redux 中的 store 仅支持同步数据流。使用 thunk 等中间件可以帮助在 redux 中实现异步操作。 redux-thunk 使用流程 下载 redux-thunk npm install redux-thunk -S store 中引入 redux-thunk 中间件,并挂载 red
阅读全文
摘要:当业务应用变得复杂,我们就需要对 reducer 函数进行拆分,拆分后的每一块独立负责管理 state 的一部分。 combineReducers() 辅助函数的作用就是:把一个由多个不同 reducer 函数作为 value 的 object 合并成为一个总的 reducers 函数。然后可以对这
阅读全文
摘要:安装并引入 安装 npm install react-router-dom 引入 import { BrowserRouter, Route, Link } from 'react-router-dom' 基本组件 React Router 中有三类组件: router 组件(BrowserRout
阅读全文
摘要:转自: Redux 入门教程(一):基本用法 做了几个关于 redux 的小 demo 之后再次看了看阮老师的 redux 入门教程,感觉清晰了好多。摘录一下,作为记录。 Redux 基础学习总结 Redux 的适用场景:多交互、多数据源。 从组件的角度看,redux 的应用场景: 某个组件的状态需
阅读全文
摘要:方法一 直接绑定在原生事件上,这个一般是用来捕捉编辑的时候的事件,用的不多 <textarea onKeyDown={e=> console.log( e.keyCode ) } /> 方法二 export class KeyBind extends React.Component { compon
阅读全文
摘要:很经典的例子是0.1+0.2!=0.3(实际等于 0.30000000000000004) 不等的原因 机器中采用二进制存储数据, 比如,35会被存储为: 00100011 (25 + 21 + 20)。 0.375会被存储为: 0.011 (1/22 + 1/2^3 = 1/4 + 1/8 = 0
阅读全文