Реакт-роутер или нет? - PullRequest
Новая
       35

Реакт-роутер или нет?

0 голосов
/ 03 февраля 2020

В настоящее время я делаю приложение реагирования с помощью create-Reaction-app. Это отдельная страница с несколькими разделами (Главная / О компании / Контакты ...) Каждый раздел, конечно, является компонентом, который я экспортирую. В настоящее время мое приложение. js выглядит следующим образом:

App.jsx 


import Menu from './components/menu/Menu';
import Header from './components/header/Header';
import Home from './components/sections/00_home/Home';
import About from './components/sections/01_about/About';
import Works from './components/sections/02_works/Works';
import Contact from './components/sections/03_contact/Contact';

const App = () => {
   return (
      <div className={styles.Container}>
         <Menu />
         <Header />
         <Home />
         <About />
         <Works />
         <Contact />
      </div>
   );
};

export default App;

index. js


import React from 'react';
import ReactDOM from 'react-dom';

/* CSS */
import './index.css';

/* JSX */
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

В go из одного раздела в другой я использую тег привязки href Например, в домашнем разделе у меня есть ссылки на другие разделы, то же самое для меню.

Пока все хорошо для меня, но я задаюсь вопросом. Должен ли я использовать реагирующий маршрутизатор ? Если так, то почему? В какой ситуации я должен использовать это? Если бы кто-то мог просветить меня в этом, это было бы здорово.

Способ, которым я в настоящее время пишу нетрадиционно?

Ced.

Ответы [ 2 ]

2 голосов
/ 03 февраля 2020

Исходя из вашего вопроса, возможно, вы неправильно поняли теорию одностраничных приложений (SPA), которая является основной причиной того, почему мы должны использовать React Router вместо html hrefs. Краткий ясный обзор от Quick GG состоит в том, что "React Router, динамическая c, клиентская маршрутизация, позволяет нам создавать одностраничное веб-приложение с навигацией без обновления страницы по мере навигации пользователя. React Router использует компонентную структуру для вызова компонентов, которые отображают соответствующую информацию. "

Поэтому, когда у вас есть некоторые общие компоненты, и вы хотите писать меньше кода и избегать перезагрузок всякий раз, когда пользователь перемещается, что довольно раздражает, тогда React router - это решение, которое вам нужно.

1 голос
/ 03 февраля 2020

Есть несколько различий в обоих, которые весьма важны:

  1. React-router: Вы можете определить ссылки, к которым хотите go, и с помощью тега Link, который вы определяете URL в других компонентах. В этой ситуации тег Link не будет обновлять sh страницу, а вместо этого будет go на соответствующей странице, а a href будет обновлять sh страницу.

  2. Вам может быть трудно передавать информацию между компонентами, так как это важная концепция для реакции.

  3. Другой пример, например, если вы находитесь на /classes ссылке и Вы go для a href тега, тогда в этом случае он перенаправит вас (то есть, вы используете относительный путь) на страницу /classes/teachers, но вы можете захотеть go на /teachers URL. С помощью lp Link и маршрутизатора, когда вы предоставляете /teachers, он перенаправит вас на этот URL

Я также начал работать над реакцией, и это пункты, через которые я прошел.

...