我正在嘗試將一個對象作為user我的 React 的值傳遞給. 然而，React 不喜歡將對象作為子對象傳遞的想法。這是我收到的錯誤消息：Context.Provider<UserContext.Provider value={user} />錯誤：對象作為 React 子項無效（已找到：具有鍵 {id、用戶名、名字、姓氏、電子郵件、頭像} 的對象）。如果您打算渲染子集合，請改用數組。我希望有人能幫忙。這是我的 React 組件，其中發生了所有這些：class MyApp extends App {  constructor(props) {    super(props);    this.state = {      user: {},      authenticating: false,    };  }  logout = () => {    ...  };  render() {    const { Component, pageProps } = this.props;    const user = {      user: this.state.user,      logout: this.logout,    };    return (      <>        {!this.state.authenticating && (          <UserContext.Provider value={user}>            <Navbar />            <Component {...pageProps} />          </UserContext.Provider>        )}      </>    );  }}有趣的是，當我改變const user = {  user: this.state.user,  logout: this.logout,};到（例如）const user = {  username: this.state.user.username,  logout: this.logout,};一切都很好。所以（正如上面的錯誤消息所暗示的那樣）問題在于傳遞this.state.user給我的上下文提供者。為什么？我該如何解決這個問題？另外，這是我的<Context.Consumer />：  <UserContext.Consumer>    {user => (      <>        {user.user ? (          <>            <Avatar user={user.user} />            <Button onClick={user.logout}>Logout</Button>          </>        ) : (          <>            <Nav.Link href="/users/login">Log in</Nav.Link>            <Nav.Link href="/users/signup">Sign up</Nav.Link>          </>        )}      </>    )}  </UserContext.Consumer>