reactjs - 到达路由器 - 使用 URL 加载组件
问题描述
我有一个简单的路由器,可以通过 @reach/router 模块
<Router>
<Home path="/" />
<Resume path="resume" />
</Router>
当有人输入以“/resume”结尾的完整 URL 时,我希望显示恢复组件,我认为这会通过 @reach/router 自动发生,但似乎并非如此。
有什么策略可以完成这项工作吗?
解决方案
您应该使用该<Route />
组件来执行此操作。
import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter as Router, Route } from "react-router-dom";
render (
<Router>
<Route path="/" component={Home} />
<Route path="/resume" component={Resume} />
</Router>
);
作为参考,这里是文档。反应路由器
推荐阅读
- javascript - ReactJS 导出到 Excel 工作表
- docker - 在 Kubernetes 集群中部署 Jenkins
- kubernetes - 版本“rbac.istio.io/v1alpha1”中的种类“ClusterRbacConfig”没有匹配项
- .net-core - .Net Core EF 核心,当我尝试添加实体时,是否存在另一个具有相同 ID 键的实例?
- android - Nativescript TypeError:无法读取未定义的属性“项目”
- php - 如何使用 PHP 中的“getopt”函数进行 CLI 参数解析?
- r - 如何在 cajolst R 函数中面对错误“错误的嵌入维度”?
- cypress - 赛普拉斯如何在每个规范文件之前运行
- android - TextWatcher 中 afterTextChanged 中的 setText 使退格键不起作用
- gatsby - 由于 onCreateNode 中缺少字段,无法统一来源