本文主要是介绍react + ts,路由组件 react-router-dom V6.2.1,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
//<Route> 必须用<routes>包裹一下,否则会报错,且<Link> 不可放在<Routes>标签以内。
//element={<Home />} 必须作为一个组件形式引入进来```javascript
import React from 'react'
import ReactDOM from 'react-dom'
import './index.css'
import { BrowserRouter as Router,Routes,Route,Link } from 'react-router-dom'
//import App from './App'
import FirstPage from './components/First'const First =()=> <p>页面一的内容</p>
const Home =()=> <p>主页</p>
const App =()=>(<Router><h1>react-router</h1><nav><Link to="/">主页</Link><Link to="/first">页面一</Link></nav><Routes><Route path="/" element={<Home />}></Route><Route path="/first" element={<First />} /></Routes></Router>
)ReactDOM.render(<App />,document.getElementById('root'))
记录一下!
这篇关于react + ts,路由组件 react-router-dom V6.2.1的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!