我不斷收到categories.map不是函數的錯誤，但我不明白為什么。我正在為從API調用接收的數據設置類別，但一直收到此錯誤。另外，有沒有一種方法可以輕松地調用父對象的子對象？API數據嵌套大約4-5層深度，并且它們都有不同的名稱，那么我將如何遍歷所有這些數據呢？response.data控制臺中的示例（打開了一些嵌套對象）這是我的組件：class Menu extends React.Component {  state = {    categories: []  };  componentDidMount() {    axios      .get("https://www.ifixit.com/api/2.0/categories")      .then(response => this.setState({ categories: response.data }));  }   render() {    let categories = this.state.categories;    return (      <div>        <ul>          {categories.map((m, index) => {            return (              <li key={index}>                {m.children && <Menu categories={m.children} />}              </li>            );          })}        </ul>      </div>    );  }}export default Menu;編輯：當我使用Object.keys它給我的錯誤“未捕獲的不變違規：對象不是有效的React子（找到：具有鍵的對象...）”，然后列出了我正在調用的對象內的所有鍵。有誰知道我可以如何調用該函數（可能是遞歸的？）以將其應用于對象內的所有對象？這是我的更新代碼：class Menu extends React.Component {  state = {    collapsed: false,    categories: []  };  componentDidMount() {    axios      .get("https://www.ifixit.com/api/2.0/categories")      .then(response => this.setState({ categories: response.data}));  }   render() {    const { categories } = this.state;    return (      <div>        {Object.keys(categories).map((item, i) => (          <li key={i}>            <span>{categories[item]}</span>          </li>        ))}      </div>    );  }}export default Menu;