react
我是顾昀峰
学习
展开
-
npm: react运行时报错npm start — babel-eslint 版本兼容性问题
问题发生把node从10.x升级到12.x之后出现— babel-eslint 版本兼容性问题yarn startyarn run v1.22.4$ react-scripts startThere might be a problem with the project dependency tree.It is likely not a bug in Create React App, but something you need to fix locally.The react-scri原创 2020-05-11 14:43:29 · 3954 阅读 · 0 评论 -
Redux基本原理
什么时候用到redux流程图 redux(1)Redux Store 储存数据(2)View 视图组件可以利用store.getState() 方法读取值,也可以使用store.dispatch()方法改变Redux store里面的值的状态,当数据发生变化时候,视图层通过componentDidMount() 钩子中实现store.subscribe()方法刷新视图层,进行数据交互(...原创 2020-05-05 22:35:09 · 2034 阅读 · 1 评论 -
react Portal实现传送门(可以把组件挂载到任意节点上)
react Portal实现传送门(可以把组件挂载到任意节点上)流程图react PortalPortals 提供了一个最好的在父组件包含的DOM结构层级外的DOM节点渲染组件的方法ReactDOM.createPortal(child,container);第一个参数child是可渲染的react子项,container是需要挂载到dom元素使用方法第一步: 引入cre...原创 2020-05-04 18:13:41 · 2061 阅读 · 0 评论 -
react 高阶组件学习流程
react 高阶组件流程图定义高阶组件是一个函数,参数为组件,返回值为新组件的函数作用(1)提高组件复用率(2)可检测性(3)保证组件功能的单一性第一步: 创建一个函数,函数内return值为一个新组件// 接受的function作为参数本身带有props,因此需要双箭头const foo = Cmp=>props =>{ return ( <d...原创 2020-05-04 17:05:47 · 228 阅读 · 0 评论 -
antd 按需引入并配置config-overrides.js
第一步:安装antdnpm add antd第二步:下载依赖包(定义组件按需打包)npm install react-app-rewired customize-cra babel-plugin-import 第三步:安装 @babel/plugin-proposal-decoratorsnpm add @babel/plugin-proposal-decorators第四步: ...原创 2020-05-04 16:55:51 · 1175 阅读 · 0 评论 -
vscode 使用react高阶组件class@报错问题
错误回显第一步:打开settings.json配置 => ctrl+shift+p=>输入settings.json(不是default settings)第二步: 在settings.json 中加入 “javascript.implicitProjectConfig.experimentalDecorators”: true,{ "terminal.integra...原创 2020-05-04 16:16:48 · 672 阅读 · 0 评论 -
antd 引入到react里面报错./node_modules/moment/src/lib/locale/locales.js Module not found: Can't resolve './
解决方案:找到下图的webpack.config.js中的 new webpack.IgnorePlugin(/^./locale/,/moment/, /moment/,/moment/),修改 new webpack.IgnorePlugin(/\.\/locale/, /moment/),原创 2020-05-04 11:48:10 · 1558 阅读 · 0 评论 -
Context 跨组件传值方法
Context 跨组件传值方法app.jsimport React from 'react';// import logo from './logo.svg';import './App.css';import ContextPage from './pages/ContextPage'function App() { return ( <div classNa...原创 2020-05-03 23:10:09 · 1280 阅读 · 0 评论