Javascript 如何重定向到React.js中的页面

我正在尝试使用JSX

标记重定向页面。这是我的密码：

links.js：

<Link to="/kategoriler" className="nav-link">
    categories
</Link>

类别

App.js：

import React, {Component} from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import { Link } from 'react-router'
import links from 'links';
import CategoriesPage from './components/pages/categoriesPage';

class App extends Component {
    render(){
        return (
            
            <Router>
                <Route path = "/" component = {App}>
                    <Route path="kategoriler" component={CategoriesPage} />
                </Route>
                
            </Router>
            
        );
    }
} 


export default App;

import React，{Component}来自'React'；
从“react Router dom”导入{BrowserRouter as Router，Route}；
从“反应路由器”导入{Link}
从“链接”导入链接；
从“./components/pages/CategoriesPage”导入CategoriesPage；
类应用程序扩展组件{
render（）{
返回(
);
}
} 
导出默认应用程序；

它应该加载

categoriesPage.js

，但它什么也不做。当我去http://localhost:3000/kategoriler 它显示空白页。 我错过了什么

我非常确定

组件应该从

react-router-dom

导入，而不是

react-router

您确实忘记了路由名称中的斜杠->

，也许您也可以在路由中添加

精确的
参数

也许你可以试着把这两条路线放在一起，而不是像这样嵌套在应用程序中

我非常确定

组件应该从

react-router-dom

导入，而不是

react-router

您确实忘记了路由名称中的斜杠->

，也许您也可以在路由中添加

精确的
参数

也许你可以试着把这两条路线放在一起，而不是像这样嵌套在应用程序中

<Route exact path="/" component={App} />
<Route exact path="/kategoriler" component={CategoriesPage} />