使用路由 提示 'Link' is not exported from 'react-router'
报错代码如下
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import { Link } from 'react-router'
class App extends Component {
constructor(props) {
super(props);
this.state = {
data:"js是世界上最好的语言1"
};
}
render() {
return (
<div className="zmz-reacct">
<header className="App-header">
<div style={{width:"100%",height:"300px",fontSize:"20px"}}>
<Link to="/my">
<div id="div1" style={{
width:"100%",
height:"100px",
backgroundColor:"#ff0",
lineHeight:"100px",
textAlign:"center"
}}>点击跳转</div>
</Link>
</div>
<img src={logo} className="App-logo" alt="logo" />
<p>
修改<code onClick={handleClick}>src/App.js</code> 启动文件.
</p>
<a
className="App-link"
target="_blank"
rel="noopener noreferrer"
id="div1"
>
Learn React
</a>
</header>
</div>
);
}
}
export default App;
通常在 React 中,一般要引入两个包,react
和 react-dom
,那么react-router
和react-router-dom
不同之处就是后者比前者多出了<Link> <BrowserRouter>
这样的 DOM 类组件,因此只需引用react-router-dom
这个包就OK了
npm i react-router-dom
本文地址:https://www.zhuimengzhu.com/details/215.html
转载地址:暂无
转载说明:转载时请在文首注明来源zhuimengzhu.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。zhuimengzhu 保留追究相应责任的权利。