同じオブジェクトを返す関数にオブジェクトを変換する

Question

この質問は簡単だと思いますが、ここでは難しかったです。私はいくつかの国のコードをキーとするオブジェクトを持っており、その値は各コードの翻訳されたメッセージです。

私の物はここにある：

import React from 'react'; 
import { FormattedMessage } from 'react-intl'; 
/*eslint-disable */ 
const countries = { 
    'AU' : { 
    name: <FormattedMessage 
     id="australia" 
     defaultMessage="_australia_" 
     description="the message for australia" 
    />, 
    }, 
    'AT' : { 
    name: <FormattedMessage 
     id="austria" 
     defaultMessage="_austria_" 
     description="the message for austria" 
    />, 
    }, 
    'BE' : { 
    name: <FormattedMessage 
     id="belgium" 
     defaultMessage="_belgium_" 
     description="the message for belgium" 
    />, 
    }, 
    'BG' : { 
    name: <FormattedMessage 
     id="bulgary" 
     defaultMessage="bulgary" 
     description="the message for bulgary" 
    />, 
    }, 
    'CA' : { 
    name: <FormattedMessage 
     id="canada" 
     defaultMessage="_canada_" 
     description="the message for canada" 
    />, 
    }, 
    'FR' : { 
    name: <FormattedMessage 
     id="france" 
     defaultMessage="_france_" 
     description="the message for france" 
    />, 
    }, 
    'DE' : { 
    name: <FormattedMessage 
     id="germany" 
     defaultMessage="_germany_" 
     description="the message for germany" 
    />, 
    }, 
    'GR' : { 
    name: <FormattedMessage 
     id="greece" 
     defaultMessage="_greece_" 
     description="the message for greece" 
    />, 
    }, 
    'HK' : { 
    name: <FormattedMessage 
     id="hongKong" 
     defaultMessage="_hongKong_" 
     description="the message for hongKong" 
    />, 
    }, 
    'HU' : { 
    name: <FormattedMessage 
     id="hungary" 
     defaultMessage="_hungary_" 
     description="the message for hungary" 
    />, 
    }, 
    'IE' : { 
    name: <FormattedMessage 
     id="ireland" 
     defaultMessage="_ireland_" 
     description="the message for ireland" 
    />, 
    }, 
    'IT' : { 
    name: <FormattedMessage 
     id="italia" 
     defaultMessage="_italia_" 
     description="the message for italia" 
    />, 
    }, 
    'LR' : { 
    name: <FormattedMessage 
     id="liberia" 
     defaultMessage="_liberia_" 
     description="the message for liberia" 
    />, 
    }, 
    'LU' : { 
    name: <FormattedMessage 
     id="luxemburg" 
     defaultMessage="_luxemburg_" 
     description="the message for luxemburg" 
    />, 
    }, 
    'NL' : { 
    name: <FormattedMessage 
     id="holland" 
     defaultMessage="_holland_" 
     description="the message for holland" 
    />, 
    }, 
    'NO' : { 
    name: <FormattedMessage 
     id="norway" 
     defaultMessage="_norway_" 
     description="the message for norway" 
    />, 
    }, 
    'PL' : { 
    name: <FormattedMessage 
     id="poland" 
     defaultMessage="_poland_" 
     description="the message for poland" 
    />, 
    }, 
    'PT' : { 
    name: <FormattedMessage 
     id="portogal" 
     defaultMessage="_portogal_" 
     description="the message for portogal" 
    />, 
    }, 
    'RS' : { 
    name: <FormattedMessage 
     id="serbia" 
     defaultMessage="_serbia_" 
     description="the message for serbia" 
    />, 
    }, 
    'ES' : { 
    name: <FormattedMessage 
     id="spain" 
     defaultMessage="spain" 
     description="the message for spain" 
    />, 
    }, 
    'SE' : { 
    name: <FormattedMessage 
     id="sweden" 
     defaultMessage="_sweden_" 
     description="the message for sweden" 
    />, 
    }, 
    'SH' : { 
    name: <FormattedMessage 
     id="switzerland" 
     defaultMessage="_switzerland_" 
     description="the message for switzerland" 
    />, 
    }, 
    'GB' : { 
    name: <FormattedMessage 
     id="unitedKingdom" 
     defaultMessage="_unitedKingdom_" 
     description="the message for unitedKingdom" 
    />, 
    }, 
    'US' : { 
    name: <FormattedMessage 
     id="usa" 
     defaultMessage="_usa_" 
     description="the message for usa" 
    />, 
    }, 
    'SG' : { 
    name: <FormattedMessage 
     id="singapore" 
     defaultMessage="_singapore_" 
     description="the message for singapore" 
    /> 
    }, 
    'L1' : { 
    name: <FormattedMessage 
     id="londonInt" 
     defaultMessage="_londonInt_" 
     description="the message for londonInt" 
    /> 
    }, 
    'DK' : { 
    name: <FormattedMessage 
     id="denmark" 
     defaultMessage="_denmark_" 
     description="the message for denmark" 
    />, 
    }, 
    'FI' : { 
    name: <FormattedMessage 
     id="finland" 
     defaultMessage="_finland_" 
     description="the message for finland" 
    />, 
    }, 
    'JP' : { 
    name: <FormattedMessage 
     id="japan" 
     defaultMessage="_japan_" 
     description="the message for japan" 
    />, 
    }, 
    'CY' : { 
    name: <FormattedMessage 
     id="cyprus" 
     defaultMessage="_cyprus_" 
     description="the message for cyprus" 
    />, 
    }, 
}; 

export default countries; 

私はこの書いたように、このオブジェクトを返している機能に追加したい：

const countriesRenderer =() => { 
return (
'AU' : { 
    name: <FormattedMessage 
     id="australia" 
     defaultMessage="_australia_" 
     description="the message for australia" 
    />, 
    }, 
    'AT' : { 
    name: <FormattedMessage 
     id="austria" 
     defaultMessage="_austria_" 
     description="the message for austria" 
    />, 
    }, 
    'BE' : { 
    name: <FormattedMessage 
     id="belgium" 
     defaultMessage="_belgium_" 
     description="the message for belgium" 
    />, 
    }, 
    'BG' : { 
    name: <FormattedMessage 
     id="bulgary" 
     defaultMessage="bulgary" 
     description="the message for bulgary" 
    />, 
    }, 
    'CA' : { 
    name: <FormattedMessage 
     id="canada" 
     defaultMessage="_canada_" 
     description="the message for canada" 
    />, 
    }, 
    'FR' : { 
    name: <FormattedMessage 
     id="france" 
     defaultMessage="_france_" 
     description="the message for france" 
    />, 
    }, 
    'DE' : { 
    name: <FormattedMessage 
     id="germany" 
     defaultMessage="_germany_" 
     description="the message for germany" 
    />, 
    }, 
    'GR' : { 
    name: <FormattedMessage 
     id="greece" 
     defaultMessage="_greece_" 
     description="the message for greece" 
    />, 
    }, 
    'HK' : { 
    name: <FormattedMessage 
     id="hongKong" 
     defaultMessage="_hongKong_" 
     description="the message for hongKong" 
    />, 
    }, 
    'HU' : { 
    name: <FormattedMessage 
     id="hungary" 
     defaultMessage="_hungary_" 
     description="the message for hungary" 
    />, 
    }, 
    'IE' : { 
    name: <FormattedMessage 
     id="ireland" 
     defaultMessage="_ireland_" 
     description="the message for ireland" 
    />, 
    }, 
    'IT' : { 
    name: <FormattedMessage 
     id="italia" 
     defaultMessage="_italia_" 
     description="the message for italia" 
    />, 
    }, 
    'LR' : { 
    name: <FormattedMessage 
     id="liberia" 
     defaultMessage="_liberia_" 
     description="the message for liberia" 
    />, 
    }, 
    'LU' : { 
    name: <FormattedMessage 
     id="luxemburg" 
     defaultMessage="_luxemburg_" 
     description="the message for luxemburg" 
    />, 
    }, 
    'NL' : { 
    name: <FormattedMessage 
     id="holland" 
     defaultMessage="_holland_" 
     description="the message for holland" 
    />, 
    }, 
    'NO' : { 
    name: <FormattedMessage 
     id="norway" 
     defaultMessage="_norway_" 
     description="the message for norway" 
    />, 
    }, 
    'PL' : { 
    name: <FormattedMessage 
     id="poland" 
     defaultMessage="_poland_" 
     description="the message for poland" 
    />, 
    }, 
    'PT' : { 
    name: <FormattedMessage 
     id="portogal" 
     defaultMessage="_portogal_" 
     description="the message for portogal" 
    />, 
    }, 
    'RS' : { 
    name: <FormattedMessage 
     id="serbia" 
     defaultMessage="_serbia_" 
     description="the message for serbia" 
    />, 
    }, 
    'ES' : { 
    name: <FormattedMessage 
     id="spain" 
     defaultMessage="spain" 
     description="the message for spain" 
    />, 
    }, 
    'SE' : { 
    name: <FormattedMessage 
     id="sweden" 
     defaultMessage="_sweden_" 
     description="the message for sweden" 
    />, 
    }, 
    'SH' : { 
    name: <FormattedMessage 
     id="switzerland" 
     defaultMessage="_switzerland_" 
     description="the message for switzerland" 
    />, 
    }, 
    'GB' : { 
    name: <FormattedMessage 
     id="unitedKingdom" 
     defaultMessage="_unitedKingdom_" 
     description="the message for unitedKingdom" 
    />, 
    }, 
    'US' : { 
    name: <FormattedMessage 
     id="usa" 
     defaultMessage="_usa_" 
     description="the message for usa" 
    />, 
    }, 
    'SG' : { 
    name: <FormattedMessage 
     id="singapore" 
     defaultMessage="_singapore_" 
     description="the message for singapore" 
    /> 
    }, 
    'L1' : { 
    name: <FormattedMessage 
     id="londonInt" 
     defaultMessage="_londonInt_" 
     description="the message for londonInt" 
    /> 
    }, 
    'DK' : { 
    name: <FormattedMessage 
     id="denmark" 
     defaultMessage="_denmark_" 
     description="the message for denmark" 
    />, 
    }, 
    'FI' : { 
    name: <FormattedMessage 
     id="finland" 
     defaultMessage="_finland_" 
     description="the message for finland" 
    />, 
    }, 
    'JP' : { 
    name: <FormattedMessage 
     id="japan" 
     defaultMessage="_japan_" 
     description="the message for japan" 
    />, 
    }, 
    'CY' : { 
    name: <FormattedMessage 
     id="cyprus" 
     defaultMessage="_cyprus_" 
     description="the message for cyprus" 
    />, 
    }, 
); 
} 

をしかし、動作するようには思えません。..私の欠点は何ですか？

Answer 1

{ ... }を使用してオブジェクトをラップすると問題が解決します。

修正コード：

const countriesRenderer =() => { 
    return ({ 
    'AU': { 
     name: < FormattedMessage 
     id = "australia" 
     defaultMessage = "_australia_" 
     description = "the message for australia"/
     > , 
    }, 
    'AT': { 
     name: < FormattedMessage 
     id = "austria" 
     defaultMessage = "_austria_" 
     description = "the message for austria"/
     > , 
    }, 
    'BE': { 
     name: < FormattedMessage 
     id = "belgium" 
     defaultMessage = "_belgium_" 
     description = "the message for belgium"/
     > , 
    }, 
    'BG': { 
     name: < FormattedMessage 
     id = "bulgary" 
     defaultMessage = "bulgary" 
     description = "the message for bulgary"/
     > , 
    }, 
    'CA': { 
     name: < FormattedMessage 
     id = "canada" 
     defaultMessage = "_canada_" 
     description = "the message for canada"/
     > , 
    }, 
    'FR': { 
     name: < FormattedMessage 
     id = "france" 
     defaultMessage = "_france_" 
     description = "the message for france"/
     > , 
    }, 
    'DE': { 
     name: < FormattedMessage 
     id = "germany" 
     defaultMessage = "_germany_" 
     description = "the message for germany"/
     > , 
    }, 
    'GR': { 
     name: < FormattedMessage 
     id = "greece" 
     defaultMessage = "_greece_" 
     description = "the message for greece"/
     > , 
    }, 
    'HK': { 
     name: < FormattedMessage 
     id = "hongKong" 
     defaultMessage = "_hongKong_" 
     description = "the message for hongKong"/
     > , 
    }, 
    'HU': { 
     name: < FormattedMessage 
     id = "hungary" 
     defaultMessage = "_hungary_" 
     description = "the message for hungary"/
     > , 
    }, 
    'IE': { 
     name: < FormattedMessage 
     id = "ireland" 
     defaultMessage = "_ireland_" 
     description = "the message for ireland"/
     > , 
    }, 
    'IT': { 
     name: < FormattedMessage 
     id = "italia" 
     defaultMessage = "_italia_" 
     description = "the message for italia"/
     > , 
    }, 
    'LR': { 
     name: < FormattedMessage 
     id = "liberia" 
     defaultMessage = "_liberia_" 
     description = "the message for liberia"/
     > , 
    }, 
    'LU': { 
     name: < FormattedMessage 
     id = "luxemburg" 
     defaultMessage = "_luxemburg_" 
     description = "the message for luxemburg"/
     > , 
    }, 
    'NL': { 
     name: < FormattedMessage 
     id = "holland" 
     defaultMessage = "_holland_" 
     description = "the message for holland"/
     > , 
    }, 
    'NO': { 
     name: < FormattedMessage 
     id = "norway" 
     defaultMessage = "_norway_" 
     description = "the message for norway"/
     > , 
    }, 
    'PL': { 
     name: < FormattedMessage 
     id = "poland" 
     defaultMessage = "_poland_" 
     description = "the message for poland"/
     > , 
    }, 
    'PT': { 
     name: < FormattedMessage 
     id = "portogal" 
     defaultMessage = "_portogal_" 
     description = "the message for portogal"/
     > , 
    }, 
    'RS': { 
     name: < FormattedMessage 
     id = "serbia" 
     defaultMessage = "_serbia_" 
     description = "the message for serbia"/
     > , 
    }, 
    'ES': { 
     name: < FormattedMessage 
     id = "spain" 
     defaultMessage = "spain" 
     description = "the message for spain"/
     > , 
    }, 
    'SE': { 
     name: < FormattedMessage 
     id = "sweden" 
     defaultMessage = "_sweden_" 
     description = "the message for sweden"/
     > , 
    }, 
    'SH': { 
     name: < FormattedMessage 
     id = "switzerland" 
     defaultMessage = "_switzerland_" 
     description = "the message for switzerland"/
     > , 
    }, 
    'GB': { 
     name: < FormattedMessage 
     id = "unitedKingdom" 
     defaultMessage = "_unitedKingdom_" 
     description = "the message for unitedKingdom"/
     > , 
    }, 
    'US': { 
     name: < FormattedMessage 
     id = "usa" 
     defaultMessage = "_usa_" 
     description = "the message for usa"/
     > , 
    }, 
    'SG': { 
     name: < FormattedMessage 
     id = "singapore" 
     defaultMessage = "_singapore_" 
     description = "the message for singapore"/
     > 
    }, 
    'L1': { 
     name: < FormattedMessage 
     id = "londonInt" 
     defaultMessage = "_londonInt_" 
     description = "the message for londonInt"/
     > 
    }, 
    'DK': { 
     name: < FormattedMessage 
     id = "denmark" 
     defaultMessage = "_denmark_" 
     description = "the message for denmark"/
     > , 
    }, 
    'FI': { 
     name: < FormattedMessage 
     id = "finland" 
     defaultMessage = "_finland_" 
     description = "the message for finland"/
     > , 
    }, 
    'JP': { 
     name: < FormattedMessage 
     id = "japan" 
     defaultMessage = "_japan_" 
     description = "the message for japan"/
     > , 
    }, 
    'CY': { 
     name: < FormattedMessage 
     id = "cyprus" 
     defaultMessage = "_cyprus_" 
     description = "the message for cyprus"/
     > , 
    } 
    }); 
}