Перевести элементы внутри .map - PullRequest
Новая
       50

Перевести элементы внутри .map

0 голосов
/ 16 января 2020

Я использую библиотеку react-i18next, чтобы перевести мой реактивный компонент. Он работает правильно, но не в том случае, если я использую <Trans> компонент внутри .map. Посмотрите на этот пример: 

 render() {
    let optionItems = this.state.countries.map(countries =>
        <option key={countries.id}>{countries.name}</option>
      );
    let countriesItems = this.state.countries.map(countries =>
        <option key={countries.id}><Trans>{countries.name}</Trans></option>
      );
      return(
        <div>
            <ul>{optionItems}</ul>
            <div>
                <ul>{countriesItems}</ul>
            </div>
        </div>
      );
  }

Первая переменная optionItems обычно отображает страны, а вторая переменная countriesItems отображает только [object Object]. Я попытался заменить {country.name} на название страны, но полученный эффект тот же. Есть идеи?

...