React
文章平均质量分 59
gaearon
立志要做计算机大牛
展开
-
自定义 hook 使 useEffect 页面初次渲染时不执行
function useDidUpdateEffect(fn, inputs) { const didMountRef = useRef(false); useEffect(() => { if (didMountRef.current) fn(); else didMountRef.current = true; }, inputs);}使用方法:useDidUpdateEffect(() => { if (user.msg === "" &&a原创 2021-05-06 22:38:08 · 7208 阅读 · 1 评论 -
react 多页应用编译失败 Cannot read property ‘filter‘ of undefined 解决方案
经过修改 webpack 的 entry 及 HtmlWebpackPlugin 等配置后,出现如下报错:这是因为将 webpack 的 entry 将原来的数组方式修改为了对象,自然没有 filter 方法。解决方法修改 entrypoints.main 中的 main 为你在 entry 中配置的项目首页的 key。我的 entry 配置中首页的 key 为 index ,因此可改为 entrypoints.index。...原创 2021-05-01 18:22:33 · 1275 阅读 · 0 评论 -
antd 组件库配置
<h2 id="css-样式按需导入">css 样式按需导入</h2><p>详细配置:<a href="https://3x.ant.design/docs/react/use-with-creat原创 2021-04-14 08:06:09 · 367 阅读 · 1 评论 -
React路由 我把它拿捏的死死的
<p>文档地址:<a href="https://react-router.docschina.org/">React Router: Declarative Routing for React.js原创 2021-04-09 01:38:18 · 201 阅读 · 0 评论 -
react 解决跨域问题
<p>react 仅仅关注数据本身,没有发起网络请求的功能,需要借助 ajax 发起数据请求,推荐使用 axios</p><p>使用 react 做开发,开放模式往往是前后端分离,如果后端没有配置允原创 2021-03-29 15:28:00 · 4599 阅读 · 6 评论 -
React 数据和事件绑定
数据绑定与事件初探上文说到,jsx 为元素设置属性,需要使用 jsx 的属性,可是想要修改属性有点难受。这样绑定属性和 vue 相比就太垃圾了。jsx 可以采用类的方式定义组件,在 constructor 中定义渲染页面时需要的数据。jsx 可以一个组件为一个对象,结合了面向对象编程的思想。如下代码所示:import { Component, Fragment } from "react";class app extends Component { render() {原创 2021-03-12 00:55:20 · 309 阅读 · 0 评论 -
React 组件和 JSX 语法
React 组件React 组件和 Vue 组件没啥区别,都是将局部的代码封装到一个新的文件中,这样可以使代码易于维护。下载 React 扩展可以在 vscode 中快速生成一个新的 React 组件:常用快捷键:imr:自动导入 Reactimrc:自动导入 React 和 Componentcc:生成无 constructor 的组件类,并导出ccc:生成包含 constructor 的组件类,并导出。更多快捷键:https://blog.csdn.net/qq_39721418/原创 2021-03-12 00:48:05 · 354 阅读 · 0 评论 -
React 开发环境搭建
react 官方网站https://reactjs.org使用 react 脚手架创建项目脚手架工具,例如 webpack、gulp、vue-cli 等。react 像 vue 一样提供了自己的脚手架工具,Creata React App。官网中给出了示例:https://zh-hans.reactjs.org/docs/create-a-new-react-app.htmlnpx create-react-app my-appcd my-appnpm start上述命令,会自动创建 m原创 2021-03-12 00:41:36 · 121 阅读 · 0 评论