мне нужно импортировать данные выбранного мной языка из 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. не могли бы вы помочь мне с этим /, если возможно, исправьте мой код
спасибо, у меня есть решение
Вы должны передать данные о вашем языковом стандарте в виде массива в вашем index.js:
addLocaleData([...en, ...fr])
Вы все еще пытаетесь? Я могу помочь, если тебе это еще нужно.