文章索引

01 .md

React / 2023-08-23

React遍历对象包数组key是标题

这里使用的是Object.entries 示例代码 import React from 'react'; function MyComponent() { const myObject = { title1: , title2: , ...

#React遍历对象包数组…

1644 阅读 0 评论

打开

02 .md

React / 2023-08-23

React中使用useEffect为什么里面的请求会触发2次

useEffect是React18的新特性，表示React的生命周期Hooks组件。 等价于Claas组件的componentDidMount、componentDidUpdate，useEffect的返回函数等价于componentWillUnmount。...

#React中使用useE…

1781 阅读 0 评论

打开

03 .md

React / 2023-08-22

React组件使用lazy懒加载提升效率

引入lazy使用懒加载方式明显提升加载时间 未使用懒加载前 使用懒加载后 import React, { lazy, Suspense } from 'react'; import './App.scss'; import { HashRouter...

#React组件使用laz…

1602 阅读 0 评论

打开

04 .md

JavaScript / 2023-08-22

React配置二级路由

在layout中配置二级路由只需要在Route下面嵌套Route即可，在需要显示的地方写 例如： 配置二级App.js <Route path='/Layout' element={<Layout />}> ...

#React配置二级路由

1686 阅读 0 评论

打开

05 .md

React / 2023-08-22

React使用Design的TabBar进行二级路由出口显示

React使用AntDesignMobileUI组件在Layuot页面组件中如何中使用 TabBar标签栏进行二级路由显示 1.TabBar中的key改为你的路由地址，需要提前配置好，在app.js中 2.引入OutTabBalet ,作为出口显示 3.使...

#React使用AntDe…

1701 阅读 0 评论

打开

06 .md

React / 2023-08-22

React如何进行路由跳转

React路由跳转 引入包 import { HashRouter, Route, Routes } from 'react-router-dom'; App.js中配置路由信息 import React from 'react' import Login...

#React如何进行路由跳转

1792 阅读 0 评论

打开

07 .md

React / 2023-08-16

React中input如何进行双向绑定

通过onChange或者onInput事件触发useState中修改值的函数 import { useState } from 'react'; function App() { let = useState('') return ( &...

#Reactinput的双…

1650 阅读 0 评论

打开

08 .md

React / 2023-08-16

React中如何进行父子组件传递参数

父传子： 父组件发送值：假设引入了组件名为 Hello，只需要在组织上挂上一个变量然后给里面写入值就可以。 <Hello arr={} /> 子组件接收：在函数里面接受一个props，里面包含了夫组件传递过来的所有参数，只需要props.参...

#React中如何进行父子…

2253 阅读 0 评论

打开