React-路由导航

1.声明式路由导航 1.1概念 说明:声明式导航是指通过在模版中通过<Link/>组件描述出要跳转到哪里去,比如后台管理系统的左侧菜单通常使用这种方式进行。 import {Link} from "react-router-dom"const Login=()=>{ return ( <div>我是登录页面 <Link to={"/home"}>跳转Home页</Link> </div> )}expo...

React-路由小知识

径在整个路由配置中都找不到对应的pth,为了用户体验,可以使用404兜底组件进行渲染。(兜底组件)    3.路由模式 说明:各个主流框架的路由常用的路由模式有俩种,history模式和hash模式,ReactRouter分别由createBrowerRouter和createHashRouter函数负责创建。 ...

React-封装自定义Hook

value,toggle}=useToggle() 5.源码 //封装自定义Hook // 问题 :布尔值的逻辑 当前组件耦合在一起的 不方便复用 import { useState } from "react"; function useToggle(){ const [value,setValue]=useState(true) const toggle=()=>{ setValue(!value) }...

React-Redux中actions

方式导出reducerexport default reducer 3.app.js 说明: 导入函数进行调用。 import { useDispatch, useSelector } from "react-redux";import {addToNum} from "./store/modules/counterStore"function App() { const {count}=useSel...

React-useEffect

1.概念 说明:用于在React组件中创建不是由事件引起而是由渲染本身引起的操作,比如发送 A列AX请求,更改DOM等。 2.案例 // useEffect用于组件不是由事件引起的而是由渲染本身引起的操作,如ajax,更改Dom等。import { useEffect, useState } from "react"; const URL=`https://st2msh.laf.run/react_get...

React__ 二、React状态管理工具Redux的使用

参action 总结 前言 redux状态管理插件的使用 提示:以下是本篇文章正文内容,下面案例可供参考 redux状态管理 安装redux npm install @reduxjs/toolkit react-redux 创建文件 并使用 import { configureStore } from "@reduxjs/toolkit"; //子模块导入,可自定义多个import counterStor...

React-Context机制

中通过Ctx.Provider组件提供数据// 3.在底层组件(B)中通过useContext钩子函数获取消费数据 import {createContext, useContext} from 'react'const MsgContext=createContext() function Son1() { return <div> this is son1 <Son2></Son2> </div>;...

低代码平台开发——基于React(文末送书)

目录 小程一言适用对象本书达成 书籍介绍作者简介内容介绍书籍目录阅读指导 小程送书 小程一言 《低代码平台开发——基于React》这本书主要围绕低代码平台和React技术的结合展开,为读者提供了关于低代码平台开发的理论和实践知识。 ## 书中内容简介 书中内容分为三部分 基础理论知识:这部分介绍了低代码平台的基本概念和原理,以及使用React进行低代码开发的基础知识。构建低代码系统:书中详细介绍了如何从零...

React-子传父

1.概念 说明:React中子组件向父组件传递数据通常涉及回调函数和状态提升等方法。 2.代码实现 2.1绑定事件 说明:父组件绑定自定义事件 <Son onGetSonMsg={getMsg}></Son> 2.2接受事件 说明:子组件接受父组件的自定义事件名称。按钮绑定点击事件触发父组件传递过来的数据。 function Son({onGetSonMsg}) {const sonMsg='争做天下第一...

React.FC详细说明以及案例

React.FC是React中用于定义函数式组件的一种类型。它是React.FunctionComponent的缩写,表示一个接收props作为输入并返回JSX元素的函数组件。React.FC提供了一种在TypeScript中使用的方式,允许我们为组件提供props的类型定义,并且可以利用TypeScript的类型检查和自动完成功能。 使用React.FC定义函数组件时,我们需要提供一个泛型参数,该参数描述...
© 2024 LMLPHP 关于我们 联系我们 友情链接 耗时0.013074(s)
2024-07-22 11:59:46 1721620786