我在另一個文件中有一個數組，我在一個單獨的組件中導入并映射該數組。被映射的屬性之一稱為component，是對另一個單獨組件的引用。我試圖讓組件渲染，但它在下面和標題中拋出錯誤：Objects are not valid as a React child (found: object with keys {component}). If you meant to render a collection of children, use an array instead.我環顧四周，并沒有找到我想要的東西。我想做的事情可能嗎？我像這樣導出數組：import Component1 from "./Component1";import Component2 from "./Component2";export default [{ component: Component1 }, { component: Component2 }];在我的組件中，我嘗試將這些組件渲染為，export default function App() {  return <>{dict.map(({ component }) => component)}</>;}我嘗試過做類似的事情。export default [{ component: <Component1 /> }, { component: <Component2 /> }];但這甚至無法編譯。我想另一個選擇是在我的App組件中創建一個對象。就像是，const componentMap = {  Component1: <Component1 />,  Component2: <Component2 />,}并將我的dict對象更改為，export default [{ component: 'Component1' }, { component: 'Component2' }];我想知道為什么我目前的方法不起作用。我在這里做錯了什么？