React封装路由点跳方法

最新推荐文章于 2024-07-17 16:09:42 发布

DaftJayee

最新推荐文章于 2024-07-17 16:09:42 发布

阅读量344

点赞数

分类专栏： react

本文链接：https://blog.csdn.net/qq_43540219/article/details/107799068

版权

本文介绍了如何在React应用中进行路由的封装，以及如何实现页面间的点击跳转。通过修改`router.js`，创建`Home.js`和`News.js`组件，详细阐述了路由配置和组件间导航的方法。

摘要由CSDN通过智能技术生成

router.js:

import React from 'react';

import {
   BrowserRouter,Route,Redirect,Switch} from 'react-router-dom';
import Home from './Home'
import List from './List'
import News from './News'

const RouterLink = ()=>(

	<BrowserRouter>
  		<Switch>
  			<Route path='/' exact component={
   Home