Javascript 如何路由React Redux应用程序？

根据教程，我已经开始创建一个简单的

React Redux

应用程序。但从那时起，React的路由器系统发生了变化，我不知道如何正确使用路由

我的

index.js

文件包括：

import App from "./containers/App"

render(

    <Provider store={store}>
          <App />
    </Provider>
 ,
    window.document.getElementById('app'));

问题来自组件/Header.js

import { Link} from 'react-router-dom'
const Header = (props) => {
    return (

        <nav className="navbar navbar-expand-lg navbar-light bg-light">
          <Link className="nav-link" to="/">Spider</Link>
          <button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span className="navbar-toggler-icon"></span>
          </button>

          <div className="collapse navbar-collapse" id="navbarSupportedContent">
            <ul className="navbar-nav mr-auto">
              <li className="nav-item" activeClassName={"active"}>
                <Link className="nav-link"  to="/home">Home</Link>
              </li>
              <li className="nav-item"  activeClassName={"active"}>
                <Link className="nav-link" to="{user/${user.id}}">User</Link>
              </li>

            </ul>

          </div>
        </nav>

    );
}

export default Header

---

我怎样才能修好它？谢谢

看起来你忘记在

容器/App.js

中添加

导出默认应用程序了

尝试导入标题组件，如从“../components/Header”导入标题
问题在于导入
标题
组件的方式。您将其导出为默认值，但在此处将其导入为命名导入

import {Header} from '../components/Header';

将导入更改为

import Header from '../components/Header';

或者将“在标题中导出”组件更改为

export { Header }

除此之外，您还需要解决其他小问题

第一名：

 <Link className="nav-link" to="{user/${user.id}}">User</Link>

或

根据您导入它的方式，我添加了react-redux连接器，在粘贴时缩短了代码。另外，如果您遇到任何问题，请添加您如何配置您的
路由
。谢谢。。这是一个出口问题。但是我很困惑？我应该使用react router还是react router dom？你可能需要使用这两种组合，我无法获得userlink的道具，你能帮我吗？我们能找个地方聊聊吗？
export { Header }

 <Link className="nav-link" to="{user/${user.id}}">User</Link>

<Link className="nav-link" to=`{user/${user.id}}`>User</Link>

import {withRouter} from 'react-router'
const withHeader = withRouter(Header)
export {withHeader as Header}

import {withRouter} from 'react-router'
export default withRouter(Header)