ReactJS 에서 index.js 파일을 다시 로딩하려면 어떻게 해야되나요?
조회수 1353회
현재 i18n 관련 react-intl 을 이용해 영어 / 한국어 페이지를 번역 작업하고 있습니다.
현재 index.js 에는 다음과 같이 사용자 브라우저 언어에 따라 랜더를 하게끔 로직을 만들었습니다.
if(window.navigator.language == 'ko') {
ReactDOM.render(
<IntlProvider locale='ko' messages={messages['ko']}>
<Router routes={routes} history={browserHistory}/>
</IntlProvider>,
document.getElementById('root')
);
} else {
ReactDOM.render(
<IntlProvider locale='en'>
<Router routes={routes} history={browserHistory/>
</IntlProvider>,
document.getElementById('root')
);
}
상단 네비게이션에서 한국어 버튼을 클릭하면 번역을하고 싶은데 어떻게 해야될지 잘 모르겠습니다. 현재 생각한 방식은 버튼 클릭 시 사용자 'lang' 속성을 변경하면서 App.js 에서 index.js 를 다시 랜더링 하게끔 하면 어떨까 싶은데.. lang 속성을 바꿀 수 있을지도 의문이고 어떻게 다시 랜더링을 해야 할지 모르겠습니다.
간략하게라도 팁이라도 주시면 정말 감사하겠습니다.
-
(•́ ✖ •̀)
알 수 없는 사용자
댓글 입력