//App.js
import React from "react";
import Paginator from "./components/Paginator";
import { BrowserRouter, Switch, Route } from "react-router-dom";
function App() {
return (
<BrowserRouter>
<Switch>
<Route path="/page/:pageNumber" component={Paginator} />
</Switch>
</BrowserRouter>
);
}
export default App;
//Paginator.js
import React from 'react';
export default function Paginator({ match, location, history}) {
const currentPage = match.params.pageNumber;
const onClick = () => {
const nextPageNum = currentPage + 1;
history.push('/page/', {nextPageNum});
}
return (
<>
<div>Current page is: {currentPage}</div>
<button onClick={onClick}>Next page</button>
</>
);
};
Не могу разобраться как правильно использовать history.push
Помогите люди добрые🙂
Заранее благодарен!