按钮不会打开新组件答案

【问题标题】：Button won't open new component按钮不会打开新组件
【发布时间】：2023-03-14 12:29:01
【问题描述】：

我正在学习 React，但在打开我创建的新组件时遇到问题。在我的页面上，我有一个创建新记录的按钮，单击时 URL 会更改，但组件不会呈现。

注意：我可以在应用程序中打开现有组件，但不能打开新创建的新组件。

代码如下：

<div>
    <NavLink className="btn blue" to="./CreateNewUser">Add New User</NavLink>
</div>

组件：创建新用户.js

import React, { Component } from 'react';

export class CreateNewUser extends Component {
  render() {
    return <h2>Add New User</h2>;
  }
}

【问题讨论】：

看起来to 正在引用组件的路径，而它应该引用您的应用处理的任意路由字符串。
看起来你也在使用NavLink，而 React Native 的 React Router 文档记录了 Link component。虽然我们不能确定，因为问题应该包括minimal reproducible example。

【解决方案1】：

你很可能错过了 react-router 中新组件的路由。

您可以查看this link 中的示例代码以供参考，特别是其中的<Switch> 标签和<Route> 标签

【讨论】：