如何使用reactJS更改URL和内容而不刷新网站?

时间:2018-05-10 03:12:19

标签: reactjs

我遇到了网站https://hashnode.com/。当我们点击任何主题时,它会更新网址和内容而不刷新网站。

我知道我们可以使用状态和道具更新内容而无需刷新。

如何同时更改网址?

Image

2 个答案:

答案 0 :(得分:1)

使用React路由器

DOCS

TUTORIAL by Dan Abramov

答案 1 :(得分:-1)

这就是React Router的用途。

<强> Schema::create('throttle', function(Blueprint $table) { $table->increments('id'); $table->integer('post_id')->unsigned(); // this needs to also be nullable, how should the next migration be? }

Routes.js

<强> import React from 'react'; import {BrowserRouter,Switch,Route, withRouter} from 'react-router-dom'; import FirstPage from './pages/FirstPage'; import SecondPage from './pages/SecondPage'; class Routes extends React.Component { render() { return( <Switch> <Route exact path="/page-1" component={FirstPage} /> <Route exact path="/page-2" component={SecondPage} /> </Switch> ) } }

App.js