归档 - qiaofugui

React-Router 6 快速上手

2024-05-21

笔记 #React

1.概述 React Router 以三个不同的包发布到 npm 上，它们分别为： react-router: 路由的核心库，提供了很多的：组件、钩子。 react-router-dom: 包含react-router所有内容，并添加一些专门用于 DOM 的组件，例如 <BrowserRouter>

React-组件通讯方式总结

2024-05-21

笔记 #React

件通信方式总结组件间的关系：父子组件兄弟组件（非嵌套组件）祖孙组件（跨级组件）几种通信方式：

React-扩展

2024-05-21

笔记 #React

1. setState setState 更新状态的2种写法 (1). setState(stateChange, [callback]) ------ 对象式的 setState 1.stateChange 为状态改变对象(该对象可以体现出状态的更改)

React-redux

2024-05-21

笔记 #React

redux 理解学习文档英文文档: https://redux.js.org/ 中文文档: http://www.redux.org.cn/ Github: https://github.com/reactjs/redux

React-UI 组件库

2024-05-21

笔记 #React

流行的开源React UI组件库 material-ui(国外) 官网: http://www.material-ui.com/#/ Github: https://github.com/callemall/material-ui

React-路由 BrowserRouter 与 HasRouter 的区别

2024-05-21

笔记 #React

底层原理不一样 BrowserRouter 使用的是 H5 的 history API，不兼容 IE9 及以下版本 HasRouter 使用的是 URL 的哈希值

React-编程式路由导航

2024-05-21

笔记 #React

push 和 replace 默认 push 模式，类似压栈 // 开启 replace 模式 <Link repalce to={`/home/message/dateil/Joe/18`}>详情</Link> 编程式路由导航 <

React-向路由组件传递参数数据

2024-05-21

笔记 #React

params 参数路由链接（携带参数）： {/* 传递 params 参数 */} <Link to={`/home/message/dateil/Joe/18`}>详情</Link> 注册路由（声明接收）：

菜单

归档

2024 年 05 月