Question

我正在使用webpack设置React应用，并使用react router dom。我可以在启动应用程序时加载初始登录组件，但是单击链接时，特定组件的路径未加载。

我曾经尝试过使用Match方法，但是仍然没有运气加载路径特定的组件。

我的index.js是什么样的：

render() {
    return (
      <Router>
      <div>
        <ul>
          <li><Link to="/">Login</Link></li>
          <li><Link to="/signup">Signup</Link></li>
          <li><Link to="/home">Home</Link></li>
        </ul>


        <Route exact path="/" component={Login} />
        <Route path="/signup" component={Signup} />
        <Route path="/home" component={Home} />
      </div>
    </Router>
    );
  }
}

路径特定组件的外观：

  render() {
    return (
      <div>
      <Header />
      <Subform />
      <Footer />             
    </div>
        )
  }
}

单击链接时，我不断遇到的错误：未捕获的不变违规：元素类型无效：预期为字符串（对于内置组件）或类/函数（对于复合组件），但得到了：对象。您可能忘记了从定义文件中导出组件，或者可能混淆了默认导入和命名导入。

单击链接后如何使用React Router渲染组件？

0 个答案: