ReactJS 에서 index.js 파일을 다시 로딩하려면 어떻게 해야되나요?

조회수 1346회

현재 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 속성을 바꿀 수 있을지도 의문이고 어떻게 다시 랜더링을 해야 할지 모르겠습니다.

간략하게라도 팁이라도 주시면 정말 감사하겠습니다.

  • (•́ ✖ •̀)
    알 수 없는 사용자

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)