react
追寻着星星的方向
这个作者很懒,什么都没留下…
展开
-
create-react-app配置多页应用(个人笔记,非教程)
配置多页应用相当于配置多个项目,单页应用相当于值配置一个项目,执行命令npm run ejectconfig/paths.jsmodule.exports = { // 这些是默认 dotenv: resolveApp('.env'), appPath: resolveApp('.'), appBuild: resolveApp('build'), appPublic:...原创 2019-10-13 13:38:46 · 291 阅读 · 0 评论 -
react useMemo和useCallback(个人笔记,非教程)
useMemouseMemo在渲染前执行let a = 1;let double = useMemo( () => { return a * 2},[a] ) // 只有当a的值从新改变时,才会重新计算double的值(执行本代码块),useCallbackuseCallback可以理解为useMemo的一种语法糖,const memoizedCallback = use...原创 2019-10-09 15:45:11 · 355 阅读 · 0 评论 -
react useState(个人笔记,非教程)
使用:const [count, setCount] = useState(0);useState() 方法里面唯一的参数就是初始 state返回值为:当前 state 以及可以 更新 state 的函数state 只在组件首次渲染的时候被创建。在下一次重新渲染时,useState 返回给我们当前的 state如果我们想要在 state 中存储两个不同的变量,只需调用 useStat...原创 2019-10-09 13:53:45 · 629 阅读 · 1 评论 -
react useEffect(个人笔记,非教程)
1.在第一次渲染之后和每次更新之后都会执行传入的函数,React 保证了每次运行 effect 的同时,DOM 都已经更新完毕无需清除的effectuseEffect(() => { // 每次界面重新渲染之后就会执行 // 类似在 componentDidMount 和 componentDidUpdate 中同时传入该回调函数 // document.title =...原创 2019-10-09 13:33:51 · 1048 阅读 · 0 评论 -
react捕获错误(个人笔记,非教程)
自定义一个捕获错误的父组件,子组件可直接被嵌套,这样不用每个子组件都去捕获错了class ErrorBoundary extends React.Component { constructor(props) { super(props); this.state = { hasError: false }; } 方法一 static getDerivedState...原创 2019-10-08 15:53:16 · 519 阅读 · 0 评论 -
react context 的个人理解(非教程)
1.创建contextconst MyContext = React.createContext(defaultValue);2.向子组件传递数据<MyContext.Provider value={/* 某个值 */}>3.子组件获取数据<MyContext.Consumer> {value => return ( <div> { va...原创 2019-10-08 14:37:54 · 102 阅读 · 0 评论 -
combineReducers(reducer拆分)简单实用(个人笔记,非教程)
header组件下的reducer.jsstore文件夹下的reducer.jsheader组件使用自己state中的数据原创 2019-10-08 10:55:22 · 107 阅读 · 0 评论 -
styled-components 常用方法(仅做个人笔记,非教程)
续原创 2019-09-29 16:28:50 · 139 阅读 · 0 评论 -
react-router-dom路由嵌套(仅做个人笔记,非教程)
原创 2019-09-29 16:11:42 · 1788 阅读 · 0 评论 -
styled-components4创建全局css样式(个人笔记,非教程)
styled-components4创建全局css样式(个人笔记,非教程)style.jsapp.jsx中引入原创 2019-09-29 15:07:28 · 751 阅读 · 0 评论