React-dom JSを使用してジャンプ

業務中にデータに対して一連の操作を行った後に自動的にページをジャンプする必要があり、このように使えなくなり、JSを使ってジャンプする必要がある
1.historyのインストール

npm install --save history //   history    ，        

2.historyインスタンスの作成

history.jsファイルを新規作成し、

に書き込む

import { createBrowserHistory } from 'history';

export default createBrowserHistory();

ここではhistoryインスタンスを作成し、その後のジャンプとrouterのhistoryプロパティは

を参照します.
3.historyにを送信

からまでの参照ファイルのうち

import React from 'react'
//   Router，   browserRouter
import { Router} from 'react-router-dom' 
import Container from './components/container/container'
import history from './config/history' //   history  

function App () {
  return   // history  
    
  
}
export default App

4.ジャンプ機能が必要なコンポーネントで

import React from 'react'
import history from '../config/history' //   history  


async function edit (record) {
    console.log(record)
    history.push('/cost/add') //   push  
  }