如何将文本翻译应用于地图元素？答案

【问题标题】：How do I apply text translation to map elements?如何将文本翻译应用于地图元素？
【发布时间】：2022-01-05 17:49:21
【问题描述】：

添加了部分代码。这个对象的值必须被翻译，一切都应该是动态的

import { useTranslation } from 'react-i18next';
...
  const { t } = useTranslation()
....
        const overlayMaps = {
            "Clouds": clouds, 
            "Cloudscls": cloudscls,
            "Precipitation": precipitation,
            "Precipitationcls": precipitationcls,
            "Rain": rain,
            "Raincls": raincls,
            "snow": snow,
            "Pressure": pressure,
            "Pressurecntr": pressurecntr,
            "Temp": temp,
            "Wind": wind
        };
...

这样不行：

        const overlayMaps = {
            {t("clouds")}: clouds, 
            "Cloudscls": cloudscls,
            "Precipitation": precipitation,
            "Precipitationcls": precipitationcls,
            "Rain": rain,
            "Raincls": raincls,
            "snow": snow,
            "Pressure": pressure,
            "Pressurecntr": pressurecntr,
            "Temp": temp,
            "Wind": wind
        };

【问题讨论】：

标签： reactjs localization internationalization

【解决方案1】：

如果您正在寻找计算的道具对象，您可以使用这种方式：

const overlayMaps = {
  [t('clouds')]: clouds,
  [t('Cloudscls')]: cloudscls,
  [t('Precipitation')]: precipitation,
  [t('Precipitationcls')]: precipitationcls,
  [t('Rain')]: rain,
  [t('Raincls')]: raincls,
  [t('snow')]: snow,
  [t('Pressure')]: pressure,
  [t('Pressurecntr')]: pressurecntr,
  [t('Temp')]: temp,
  [t('Wind')]: wind,
};

【讨论】：