如何为招聘网站支付费用并记录在账上,同时通过WordPress添加SSL安全措施?
摘要:付给招聘网站的费用怎么做分录,wordpress添加ssl,做一个小网站需要多少钱,seo优化外链平台一、概述 了解 React Router 以三个不同的包发布到 npm 上,它们分别为 1、react-ro
付给招聘网站的费用怎么做分录,wordpress添加ssl,做一个小网站需要多少钱,seo优化外链平台一、概述
了解
React Router 以三个不同的包发布到 npm 上#xff0c;它们分别为
1、react-router#xff1a;路由的核心库#xff0c;提供了很多的组件、钩子。
2、react-router-dom#xff1a;包含 react-router 所有内容#xff0c;并添加一些专门用于 DOM 的组件它们分别为
1、react-router路由的核心库提供了很多的组件、钩子。
2、react-router-dom包含 react-router 所有内容并添加一些专门用于 DOM 的组件例如 BrowserRouter 等。
3、react-router-native包括 react-router 所有内容并添加一些专门用于 ReactNative 的API例如 NativeRouter 等。
与 React Router 5.x 版本相比改变了什么
1、内置组件的变化移除 Switch/ 新增 Routes/ 等。
2、语法的变化component{About} 变为 element{About/}等。
3、新增多个hookuseParams、useNavigate、useMatch等。
4、官方明确推荐函数式组件了
…
二、Component
1、 BrowserRouter
1说明BrowserRouter 用于包裹整个应用。
2示例代码
/* 入口文件 */
import React from react
import ReactDOM from react-dom/client
import { BrowserRouter } from react-router-domReactDOM.createRoot(document.getElementById(root)).render(BrowserRouter{/* 整体结构通常为App组件 */}/BrowserRouter
)2. HashRouter
1说明作用与 BrowserRouter 一样但 HashRouter 修改的是地址栏的 hash 值。
2备注6.x 版本中 HashRouter、BrowserRouter 的用法与 5.x 相同。
3、 Routes/ 与 Route/
1v6 版本中移出了先前的 Switch引入了新的替代者Routes 。
2 Routes 和 Route要配合使用且必须要用 Routes 包裹 Route 。
3Route 相当于一个 if 语句如果其路径与当前 URL 匹配则呈现其对应的组件。
4 Route caseSensitive 属性用于指定匹配时是否区分大小写默认为 false。
5当 URL 发生变化时Routes 都会查看其所有子 Route 元素以找到最佳匹配并呈现组件 。
6Route 也可以嵌套使用且可配合 useRoutes() 配置 “路由表” 但需要通过 Outlet 组件来渲染其子路由。
7示例代码
Routes/* path 属性用于定义路径element 属性用于定义当前路径所对应的组件 */Route path/login element{Login /}/Route/* 用于定义嵌套路由home 是一级路由对应的路径 /home */Route pathhome element{Home /}/* test1 和 test2 是二级路由对应的路径是/home/test1 或 /home/test2 */Route pathtest1 element{Test /}/RouteRoute pathtest2 element{Test2 /}/Route/Route// Route 也可以不写 element 属性这时就是用于展示嵌套的路由所对应的路径是/users/xxxRoute pathusersRoute pathxxx element{Demo /} //Route
/Routes4、Link
1作用修改URL且不发送网络请求路由链接。
2注意外侧需要用 BrowserRouter 或 HashRouter 包裹。
3示例代码
import { Link } from react-router-domfunction Test() {return (divLink to/路径按钮/Link/div)
}5、NavLink
1作用与 Link 组件类似且可实现导航的 “高亮” 效果。
