小编erh*_*urk的帖子

react-router-dom v6历史推送和useNavigate问题

我在我的项目中使用react-router-dom v6和mobex,当我使用它时出现错误,如下所示。

main.tsx:

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './app/layout/App'
import './app/layout/styles.css'
import 'semantic-ui-css/semantic.min.css'
import 'react-toastify/dist/ReactToastify.min.css'
import 'react-calendar/dist/Calendar.css'
import 'react-datepicker/dist/react-datepicker.css'
import { store, StoreContext } from './app/stores/store'
import { BrowserRouter } from 'react-router-dom'
import { useNavigate } from 'react-router-dom';
export const navigate = useNavigate();

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <StoreContext.Provider value={store}>
      <BrowserRouter>
        <App />
      </BrowserRouter>
    </StoreContext.Provider>
  </React.StrictMode>
)
Run Code Online (Sandbox Code Playgroud)

用户存储.ts:

import { UserFormValues } from './../models/user';
import { makeAutoObservable, runInAction } from "mobx";
import { User } from "../models/user"; …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs mobx react-router-dom

5
推荐指数
1
解决办法
6616
查看次数

标签 统计

javascript ×1

mobx ×1

react-router-dom ×1

reactjs ×1