Как динамически импортировать данные языковых файлов в мой app.js с помощью response_intl

мне нужно импортировать данные выбранного мной языка из index.js в app.js

Мой index.js

import { IntlProvider, addLocaleData } from 'react-intl'
import en from 'react-intl/locale-data/en'
import fr from 'react-intl/locale-data/fr'
import english from '../popup/localMessages/en'
import french from '../popup/localMessages/fr'
addLocaleData(...en, ...fr)

const locale =
  (navigator.languages && navigator.languages[0]) ||
  navigator.language ||
  navigator.userLanguage ||
  'en-US'

const typeOfLang = {
  en: english,
  fr: french,
}
render(
    <Provider store={store}>
      <IntlProvider locale={locale} messages={typeOfLang[locale]}>
        <Content />
      </IntlProvider>
    </Provider>,
    mountNode
  )

и мой app.js

  class App extends Component {
    render() {
    const { intl } = this.props
    const { locale, messages } = this.props.intl
return(
<Button
              label={intl.formatMessage({ id: 'messages' })}
              onClick={() => this.submit('ALL')}
            />
)
}

И мой en.js

 import { defineMessages } from 'react-intl'

const english = defineMessages({
  title: {
    id: 'rock',
    defaultMessage: 'read',
  },
  all: {
    id: 'same',
    defaultMessage: 'ALL',
  }


});

export default english

Я не получаю данные из файлов langauges в кнопке App.js. не могли бы вы помочь мне с этим /, если возможно, исправьте мой код

Вы все еще пытаетесь? Я могу помочь, если тебе это еще нужно.

sergioviniciuss 04.05.2018 13:56

спасибо, у меня есть решение

saran 13.06.2018 07:49
0
2
441
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы должны передать данные о вашем языковом стандарте в виде массива в вашем index.js:

addLocaleData([...en, ...fr])

Другие вопросы по теме