Переключение между страницами в реакции

Question

Я новичок в React и у меня (наверное) глупый вопрос.Как я могу переключаться между РАЗЛИЧНЫМИ страницами JavaScript в React.js?

У меня есть кнопка на одной из моих страниц, которую я хочу связать с другой страницей JavaScript.Я знаю про роутер, но это не соответствует моим потребностям.

Спасибо, Марк Брукерт

Answer 1

Это основано на примере из response-router docs.React Router, вероятно, самое простое решение для маршрутизации на стороне клиента.Удачного кодирования.

См. Полный пример на Stackblitz.

import React, { Component } from 'react';
import { render } from 'react-dom';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

const Nav = () => (
  <div>
    <ul>
      <li><Link to="/">Home</Link></li>
      <li><Link to="/about">About</Link></li>
    </ul>
  </div>
);

const HomePage = () => <h1>Home Page</h1>;
const AboutPage = () => <h1>About Page</h1>;

class App extends Component {
  constructor() {
    super();
    this.state = {
      name: 'React'
    };
  }

  render() {
    return (
      <Router>

        {/* Router component can have only 1 child. We'll use a simple
          div element for this example. */}
        <div>
          <Nav />
          <Route exact path="/" component={HomePage} />
          <Route path="/about" component={AboutPage} />
        </div>
      </Router>
    );
  }
}

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

Answer 2

Используйте react-router для определения своих страниц и переключения между ними

https://reacttraining.com/react-router/