访问对象内的对象

Question

I'm trying to access an object inside an object but i have trouble figure out how.

{
  id: "335f",
  symbol: "fr",
  name: "nom",
  categories: [
    "Langue"
  ],
  localization: {
    fr: "bonjour",
    en: "hello",
  },

I would like to access 'fr' inside of 'localization';

I managed to console log data.localization but i can't access only the fr (it log everything)

    const [data, setData] = useState({ coin: [] });

    useEffect(() => {
        const fetchData = async () => {
            const result = await axios(url);
            setData(result.data);
        };
        fetchData();
    }, []);

console.log(data.localization)

Answer 1

Just move console.log(data.localization) inside async context, so:

useEffect(() => {
    const fetchData = async () => {
        const result = await axios(url);
        setData(result.data);
        console.log(result.data.localization);
    };
    fetchData();
}, []);