пытается перенаправить страницу с помощью тега привязки в reactjs

Question

   <a href="LoginPage.js" class="login">Login</a>

Итак, пользователь, когда он нажимает кнопку входа в систему, должен быть перенаправлен на страницу входа, которая находится внутри подпапки в sr c, импортированный файл в app. js, и указанный выше код на локальном хосте его отображается так http://localhost: 3000 / LoginPage. js, но без перенаправления

Answer 1

1. установите react-router-dom на вашем клиенте, используя: npm i --save react-router-dom
2. Попробуйте это:

import { Link} from "react-router-dom";
..............................
...........................
   <button>
       <Link to="/login">
              Login
            </Link>
       </button>
............................
.....................

Убедитесь, что это есть в вашем основном приложении. js компонент:

<Route exact path="/login" component={Login} />