반응 라우터에서 기본 경로를 정의할 수 있나요?

Question

내 앱의 기본 URL이 example.com/app

이라고 가정해 보겠습니다.

모든 경로를

로 작성하는 대신 반응 라우터에서 기본 라우팅을 설정할 수 있습니까?

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

a
비
c

문서에 있는 다음 예제를 시도했지만 작동하지 않습니다(페이지에 아무 것도 표시되지 않음). 어쩌면 내가 React-router@3.0.0-alpha.1을 사용하고 있거나 뭔가 잘못하고 있기 때문일 수도 있습니다.

'react-router'에서 { useRouterHistory } 가져오기
'history'에서 { createHistory } 가져오기

const 히스토리 = useRouterHistory(createHistory)({
  기본 이름: '/app'
})

const 루트 = ({store}) =>
    <공급업체 스토어={스토어}>
        <라우터 기록={history}>
            <경로 경로='/' 구성요소={앱}>
                ...
            </경로>
        </라우터>
    </공급자>
)

Answer 1

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

해결책은 다음과 같습니다.

으아악

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

Answer 2

최신 반응 라우터(v4)를 사용하면 이 작업을 쉽게 수행할 수 있습니다

으아악