React
jamey8383
这个作者很懒,什么都没留下…
展开
-
[转载]React跨域新版解决方案(v16.9)
https://segmentfault.com/q/1010000012732581//package.json中加入//some scripts, "proxy": { "/api/RoomApi": { "target": "http://open.douyucdn.cn", "changeOrigin":true }, "/api/v1":{ "target":"http://capi.douyucdn.cn", .转载 2020-05-09 14:35:57 · 308 阅读 · 0 评论 -
React 子组件传父组件
父组件将 handler 方法名 通过 props 传给 子组件; 子组件调用 handler 方法并传入参数; 父组件实现 handler 方法并使用参数;原创 2020-05-07 12:33:31 · 134 阅读 · 0 评论 -
React Redux 各部分解析
Reducer:将 state 分类管理; 根据 action type, return 一个新的 state;Action:return 一个 object, type 是必需属性; Action 要为 pure function; 如果要调用 async function, 要使用 Thunk, return 一个 async 的 function, 它接收 dispatch...原创 2020-05-07 10:54:42 · 223 阅读 · 0 评论 -
在 React 中使用 class properties/class field
babel-plugin-transform-class-properties 已经进入 stage-3 ,所以在 class component 中直接使用 class properties 例如 arrow function 等 feature原创 2020-04-12 22:18:19 · 435 阅读 · 0 评论 -
Deploying a React app with React-Router and an Express Backend
https://dev.to/nburgess/creating-a-react-app-with-react-router-and-an-express-backend-33l3In this article we will cover how to create a React application using React-Router for routing and an Exp...转载 2020-03-30 09:53:52 · 257 阅读 · 0 评论 -
using async/await with webpack-simple configuration throwing error: RegeneratorRuntime not defined
我只装了 babel-polyfill 以及相关设置https://stackoverflow.com/questions/46389267/using-async-await-with-webpack-simple-configuration-throwing-error-regeneratorrIn order to useawait/asyncyou will need to i...转载 2020-03-18 23:03:59 · 182 阅读 · 0 评论 -
(原创)正则表达式(一)
推荐一个正则表达式演算网站:https://regex101.com/^\d*(\.\d{0,2})?$^\d : 正则表达式开始符,表示匹配以数字开头\d* : 表示数字可以匹配0到无限次()? : 可以选择部分,匹配0次或者最多1次\. : 小数点\d{0,2} : 匹配数字0到2次$ : 正则表达式结束符,后边再输入内容将不再匹配...原创 2020-02-21 11:17:13 · 96 阅读 · 0 评论 -
(原创) Rudex 中 不要直接改变state的值 遇坑记(四) Store return 一个 new object
把 store 中的 state 看成 setState中的prevState, 可以读取但是不能改写this.setState((prevState) => ({ count: prevState + 1}))const store = createStore((state = { count: 0 }, action) => { switch (actio...原创 2020-02-16 23:23:18 · 206 阅读 · 0 评论 -
(原创) Rudex 中 Async Call 终极解决方案 遇坑记(三) Store State 设置 apiCallsInProgress
设置 BEGIN_API_CALL action.import * as types from "./actionTypes";export function beginApiCall() { return { type: types.BEGIN_API_CALL };}END_API_CALL action 不需要手动设置,因为每个 API call 都会自动发一个尾缀为 ...原创 2019-12-16 18:57:13 · 281 阅读 · 0 评论 -
(原创) Rudex 中使用 Thunk 遇坑记(二) bounded function 一定要记得 destructure to props
Already bound dispatch to propsconst mapDispatchToProps = { loadCourses, loadAuthors, saveCourse,};but forget to destructure to propsfunction ManageCoursePage({ courses, authors, ...原创 2019-12-16 00:09:38 · 93 阅读 · 0 评论 -
(原创) React 中使用Array.filter 遇坑记(一) filter 函数return Array
useEffect(() => { // getCourses().then(_courses => setCourses(_courses)); getCourses().then(_courses => { getAuthors().then(_authors => { const updatedCourses = _...原创 2019-12-08 14:13:15 · 1579 阅读 · 1 评论