嗨,大家好,我是一名刚开始使用路由器的初学程序员.
我有两个问题.使用<Link to="/page">
和有<a href="page">
什么区别?两者都提出完全相同的get请求,/page
但是<a href="page">
当我使用<Link to="/page">
时出现错误但是当我使用嵌套路由时它会起作用.我不明白当我知道两者都渲染到完全相同的URL时会有什么不同
其次是反应路由器v4文档中的奇怪箭头功能
const About = () => (
<div>
<h2>About</h2>
</div>
)
Run Code Online (Sandbox Code Playgroud)
我知道() => {}
这些是ES6中的新功能,但我在普通括号而不是括号中找不到任何内容.这些是什么?
编辑
我的index.js类(我有所有的导入)
render((
<Router>
<div>
<Route component={App}/>
</div>
</Router>
), document.getElementById('root')
);
Run Code Online (Sandbox Code Playgroud)
我的App.js课
class App extends Component {
render() {
return (
<div className="container">
<header>
<span className="icn-logo"><i className="material-icons">code</i></span>
<ul className="main-nav">
<li><Link to="/">Home</Link></li>
<li><Link to="/about">About</Link></li>
<li><Link to="/teachers">Teachers</Link></li>
<li><Link to="/courses">Courses</Link></li>
</ul>
</header>
<Route exact path="/" component={Home}/>
<Route path="/about" component={About}/>
<Route …
Run Code Online (Sandbox Code Playgroud)