Adakah mungkin untuk menentukan laluan lalai dalam penghala tindak balas?

Question

Andaikan URL asas apl saya ialah example.com/app

Adakah mungkin untuk menyediakan laluan asas dalam penghala tindak balas daripada menulis semua laluan sebagai

/app/a
/app/b
/app/c

Saya boleh menentukannya sebagai

a
b
c
Saya mencuba contoh berikut yang terdapat dalam dokumentasi tetapi ia tidak berfungsi (halaman tidak akan memaparkan apa-apa). Mungkin ini kerana saya menggunakan react-router@3.0.0-alpha.1 atau saya melakukan sesuatu yang salah. 
import { useRouterHistory } daripada 'react-router'
import { createHistory } daripada 'history'

sejarah const = useRouterHistory(createHistory)({
  nama asas: '/app'
})

const Root = ({store}) =>
    
        
            
                ...
            
        
    
)

            

Answer 1

Kalau nak guna ，它可以让您访问历史对象，允许您通过history.push('/my-path')更改页面 code>直接来自js的方法。您将面临这样的问题：BrowserRouter 没有可用的 history 属性，并且 Router 没有可用的 basename .

Penyelesaian adalah seperti berikut:

const App: React.FC = () => {
  // do not put a slash at the end of the basename value.
  const history = createBrowserHistory({ basename: '/your-base-name' });

  return <Router history={history}>
           ...
         </Router>;
}

https://reacttraining.com/react-router/web/ api/BrowserRouter/basename-string

Answer 2

Dengan penghala react (v4) terbaharu anda boleh melakukannya dengan mudah

<BrowserRouter basename="/calendar">
  <Link to="/today"/> // renders <a href="/calendar/today">
</BrowserRouter>