react
蒟蒻的工具人
搬砖中...
展开
-
React router v6写法总结
相对v5的变化Routes1.Route需要用Routes包裹2.组件用element表示3.路由内有嵌套需要加*<Routes> <Route path='/datatable/*'element={<Datatable/>} /> <Route path='/schedule/*'element={<Datatable/>}/></Routes>同时,子级路由的path前缀不需要加上父级的pa原创 2022-04-25 23:27:14 · 2097 阅读 · 0 评论 -
react配置代理
方法一在package.json中追加如下配置"proxy":"http://localhost:5000"使用//本地是3000开启fetch('http://localhost:3000/*')说明:优点:配置简单,前端请求资源时可以不加任何前缀。缺点:不能配置多个代理。工作方式:上述方式配置代理,当请求了3000不存在的资源时,那么该请求会转发给5000 (优先匹配前端资源)方法二第一步:创建代理配置文件在src下创建配置文件:src/setupProxy.js转载 2022-04-23 21:52:04 · 623 阅读 · 0 评论 -
react render里使用表达式
三元表达式return ({flag ?(<p>true</p>) :(<p>false</p>)})&&语法return ({flag && (<p>true</p>)})flag为true才会执行后一句原创 2022-04-23 21:07:03 · 1047 阅读 · 0 评论 -
fetch请求
fetch('http://',{ method: 'POST', headers:{ 'Content-Type':'application/json; charset=utf-8' }, body: { //发送的数据 }}).then(res => { if(res.status===200) console.log(res); else throw new Error(res.statusTex原创 2022-04-23 16:56:14 · 158 阅读 · 0 评论 -
react项目中使用less的配置
首先,找到webpack.config.js文件一般在在node_modules/react-script/webpack.config.js1.找到增加const lessRegex = /\.less$/; // less 配置const lessModuleRegex = /\.module\.less$/; 2.找到{ loader: require.resolve('less-loader')},3.找到原创 2022-04-21 12:44:43 · 1515 阅读 · 0 评论 -
react17中使用antv/x6
react17后,官方推荐使用函数组件。import React, { useEffect, useState} from 'react'import { Graph } from '@antv/x6';function Myeditor() { // 初始,mounted生命周期时, container组件还没挂载。 const [container,setcontainer] = useState<HTMLElement>(document.createElement('d原创 2022-03-16 23:17:46 · 1772 阅读 · 0 评论