随笔分类 -  react

react使用笔记
react打包中不想要sourceMap，但是在命令里加'GENERATE_SOURCEMAP=false'后windows下报错'GENERATE_SOURCEMAP' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
摘要：react打包发生产时速度有点慢，我不想要sourceMap文件 于是在build改了一下脚本命令 "build": "GENERATE_SOURCEMAP=false react-app-rewired build", 但是windows的cmd里不支持 这时候改成"set GENERATE_SO 阅读全文
posted @ 2020-05-25 17:11 七度丢失的梦 阅读(4617) 评论(0) 推荐(0)
React中中间组件如何传递props属性
摘要：在react中自定义的组件中如果我们想绑上点击click事件时，加上onClick={}并不会起作用。 因为我们自定义的组件，并不是一个真实的DOM元素，它不存在点击事件，因为它不是最终渲染的页面的元素。 这时候我们需要在最底层真实的DOM元素上绑定，如下 <div onClick={this.pr 阅读全文
posted @ 2020-05-13 15:09 七度丢失的梦 阅读(1173) 评论(0) 推荐(0)
React 16.13.1开启严格模式会触发两次render
摘要：看代码 ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root') ); 这时候组件里的render()会执行两次 import React from 'react' 阅读全文
posted @ 2020-05-10 14:01 七度丢失的梦 阅读(1546) 评论(0) 推荐(0)
React开发中使用react-router-dom路由最新版本V5.1.2（三）路由嵌套子路由
摘要：在v4+中路由规则位于布局和 UI 本身之间，因为route本身也是一个组件，万物皆组件，所以我们要嵌套路由直接在组件里写就可以了 看代码，新建一个list.jsx，然后再建两个子组件mobile和pc import React from "react"; import { BrowserRoute 阅读全文
posted @ 2020-05-10 13:44 七度丢失的梦 阅读(1927) 评论(0) 推荐(0)
React开发中使用react-router-dom路由最新版本V5.1.2（二）路由跳转及传参
摘要：NavLink可以控制菜单高亮navlink加上activeClassName属性可以给点击跳转的菜单加上个class，然后移除其他link上的class，然后我们可以写个自定义的样式import {NavLink} from "react-router-dom" <li><NavLink to=" 阅读全文
posted @ 2020-05-09 21:16 七度丢失的梦 阅读(1253) 评论(0) 推荐(0)
React开发中使用react-router-dom路由最新版本V5.1.2（一）基本跳转属性
摘要：react路由分为2个大的版本3.x及之前是个大的版本（react-router）、4.x之后又是一个大的版本（react-router-dom），下面我们来用5.1.2版本的基本使用方法 首先在我们的react项目中安装路由 npm install react-router-dom -S 或者 y 阅读全文
posted @ 2020-05-08 21:12 七度丢失的梦 阅读(5342) 评论(0) 推荐(0)