随笔分类 - React
摘要：set store后需要this.setState({}) 这样组件才会重新渲染
阅读全文
摘要：peerDependencies的目的是提示宿主环境去安装满足插件peerDependencies所指定依赖的包，然后在插件import或者require所依赖的包的时候，永远都是引用宿主环境统一安装的npm包，最终解决插件与所依赖包不一致的问题。 https://reactjs.org/warni
阅读全文
摘要：redirect 中的 exact 属性，exaxt 是准确的意思，在这里表示路由严格匹配： Redierct组件写在最下面， 如果上面的Route都匹配不上，那么就走最后的Redierct重定向to的路由
阅读全文
摘要：Renders the first child <Route> or <Redirect> that matches the location. If the URL is /about, then <About>, <User>, and <NoMatch> will all render bec
阅读全文
摘要：mobx-react中Provider和inject通过context将store注入并使得任何层级的子组件可以访问到store 创建store后在根组件通过Provider组件注入 // App.jsx import React from "react"; import { render } fr
阅读全文
摘要：React.lazy() 允许你定义一个动态加载的组件。这有助于缩减 bundle 的体积，并延迟加载在初次渲染时未用到的组件。 渲染 lazy 组件依赖该组件渲染树上层的 <React.Suspense> 组件。 React.Suspense 可以指定加载指示器（loading indicator
阅读全文
摘要：Error: Invalid hook call. Hooks can only be called inside of the body of a function component. 场景：sdk中使用antd，export之后前端工程引入报错 原因：react冲突 解决： "peerDepe
阅读全文
摘要：react 报错：'React' must be in scope when using JSX react/react-in-jsx-scope 解决： import React, {Component} from 'react'; R大写
阅读全文
摘要：摘自 https://github.com/lgwebdream/FE-Interview/issues/12 对于正常的项目优化，一般都涉及到几个方面，开发过程中、上线之后的首屏、运行过程的状态 来聊聊上线之后的首屏及运行状态： 首屏优化一般涉及到几个指标FP、FCP、FMP；要有一个良好的体验是
阅读全文
