在reactjs中有关于引导和react路由器的帮助吗

我是

React

的新手，我使用

React路由器

和

bootstrap

3.4版示例部分

第一个示例-当我运行我的项目时，不会显示我的项目。我将显示代码：

import React from "react"
class Header extends React.Component{
    render(){
        return(
            <nav class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
              <div class="navbar-header">
                <a class="navbar-brand" href="#">Project name</a>
              </div>
              <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                  <li class="active"><a href="#">Home</a></li>
                  <li><a href="#about">About</a></li>
                  <li><a href="#contact">Contact</a></li>
                </ul>
              </div>
            </div>
          </nav>
        )
    }
}
export default Header

从“React”导入React
类头扩展了React.Component{
render（）{
返回(





)
}
}
导出默认标题

href

属性需要有效值才能访问。提供有效的可导航地址作为

href

值。如果您无法提供有效的

href

，但仍然需要元素与链接相似，请使用按钮并使用适当的样式对其进行更改。

这可能会有所帮助

和组件都可用于定义和设计应用程序周围的声明性导航。在任一组件中，我们都可以使用“to”属性指定链接将指向的位置路径名

import { NavLink } from "react-router-dom";

  <NavLink to="/" className="<any classes like>float-left">Home</NavLink>
  <NavLink to="/about" className="<any classes like>float-left">About</NavLink>

从“react router dom”导入{NavLink}；