多看多听多总结

topcoder-react-utils

无

1、createContext创建ReactContext对象。function createContext<T>(defaultValue: T): ReactContext<T> { const context: ReactContext<T> = { $$typeof: REACT_CONTEXT_TYPE, _currentValue: defaultValue, _currentValue2: defaultValue,

1、简介redux promise中间件，处理异步行为创建者。action中包含payload，中间件将行为分离为pending，fulfilled,rejected三个行为，来表示异步行为的状态。参考资料：https://github.com/pburtchaell/redux-promise-middleware...

1、框架结构图Router路由：web app内的应用路由Containers：容器组件Components：展示组件actions：redux的动作创建者reducers：redux的状态分发services：调用后台服务层axios：基础组件

1、安装npm install axios2、简单使用import axios from 'axios'export const axiosInstance = axios.create({ headers:{ 'Content-Type':'application/json' }, timeout:120000})参考文档：https://github.com/axios/axios...

1、createStore创建redux的store。支持两种形式createStore(reducer, enchancer)，其中reducer为Reducer类型，enhancere为StoreEnhancer createStore(reducer, prelaodedState, enhancer),其中prelaodedState为PreloadedState类型如果enhancer为函数，则直接返回enhancer(createStore)(reducer, preloadedSt

1、简介可以让action创建函数先不返回action对象，而是返回一个函数。通过这个函数延迟dispatch或者只在满足条件的情况下dispatch，这个内部函数接受store的两个方法dispach和getState作为参数。通过该中间件可以实现异步。2、简单使用首先引用redux-thunk。import thunk from 'redux-thunk'将中间件应用到store中。const store = createStore(initialState, apply

将redux中的state与react中组件中的属性或者方法作绑定。1、createConnect作为高阶函数，创建Connect。function createConnect({ connectHOC = connectAdvanced, mapStateToPropsFactories = defaultMapStateToPropsFactories, mapDispatchToPropsFactories = defaultMapDispatchToPropsFact...

1、在工程目录下添加.vscode/launch.json文件添加配置{ "configurations": [ { "name": "Launch Chrome", "request": "launch", "type": "pwa-chrome", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}" } ]

1、安装npm install @material-ui/core@next @emotion/react @emotion/styled

1、virtual domReactNode分为以下几类 React$Element ReactPortal ReactText ReactFragment

1、Route组件children 函数或者结点 exact 布尔类型 location 对象 path 字符串或者字符串数组 render 函数 sensitive 布尔值 strict 布尔值

1、安装npm install -g create-react-app2、创建应用npx create-react-app your-app3、应用启动cd your-appnpm start

1、引用变量使用{var}来引用变量

1、Adjacent JSX elements must be wrapped in an enclosing tag在写组件代码时，最外层不能有两个平级的，需要将平级的元素放在