javascript - 在 React 中的页面之间切换
问题描述
我是一个完全的 React 新手,并且有一个(可能)愚蠢的问题。如何在 React.js 中的不同 javascript 页面之间切换?
我的一个页面上有一个按钮,我想链接到另一个 javascript 页面。我知道路由器,但这不符合我的需要。
谢谢你,马克布鲁克特
解决方案
这是基于react-router文档中的示例。React Router 可能是最简单的客户端路由解决方案。快乐编码。
import React, { Component } from 'react';
import { render } from 'react-dom';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
const Nav = () => (
<div>
<ul>
<li><Link to="/">Home</Link></li>
<li><Link to="/about">About</Link></li>
</ul>
</div>
);
const HomePage = () => <h1>Home Page</h1>;
const AboutPage = () => <h1>About Page</h1>;
class App extends Component {
constructor() {
super();
this.state = {
name: 'React'
};
}
render() {
return (
<Router>
{/* Router component can have only 1 child. We'll use a simple
div element for this example. */}
<div>
<Nav />
<Route exact path="/" component={HomePage} />
<Route path="/about" component={AboutPage} />
</div>
</Router>
);
}
}
render(<App />, document.getElementById('root'));
推荐阅读
- apache-flink - FLink中的主成分分析
- sharepoint - 发出 POST 请求以获取访问令牌时出错
- reactjs - ReactJS 使用动态键及其数据遍历状态数组
- scala - 在 scala 中正确使用 Either、Try 和 Exceptions/ControlThrowable
- javascript - Safari 对 HTML5 音频标签的行为非常奇怪
- typescript - 如何键入部分应用另一个函数的函数?
- office-js - body.getOoxml 的意外结果
- mysql - 查询日期范围内所需的汽车
- android - 在本地网络中无法访问 Artifactory 存储库
- c# - 为什么我们要指定一个委托和一个事件,为什么不在 C# 中使用一个事件?