React & Axios -从对象内部的对象获取值

const obj = {
  outer: {
    inner: {
      value: 'Hello World'
    }
  }
};

const value = obj.outer.inner.value;
console.log(value); // 输出：Hello World

const value = obj['outer']['inner']['value'];
console.log(value); // 输出：Hello World

import React, { useState, useEffect } from 'react';
import axios from 'axios';

const MyComponent = () => {
  const [value, setValue] = useState('');

  useEffect(() => {
    axios.get('/api/data')
      .then(response => {
        const value = response.data.outer.inner.value;
        setValue(value);
      })
      .catch(error => {
        console.error(error);
      });
  }, []);

  return (
    <div>{value}</div>
  );
};

export default MyComponent;