第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

映射指向組件的導(dǎo)入對象時出現(xiàn)錯誤“對象作為 React 子對象無效”

映射指向組件的導(dǎo)入對象時出現(xiàn)錯誤“對象作為 React 子對象無效”

眼眸繁星 2023-07-14 15:28:59
我在另一個文件中有一個數(shù)組,我在一個單獨的組件中導(dǎo)入并映射該數(shù)組。被映射的屬性之一稱為component,是對另一個單獨組件的引用。我試圖讓組件渲染,但它在下面和標(biāo)題中拋出錯誤: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.我環(huán)顧四周,并沒有找到我想要的東西。我想做的事情可能嗎?我像這樣導(dǎo)出數(shù)組: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組件中創(chuàng)建一個對象。就像是,const componentMap = {  Component1: <Component1 />,  Component2: <Component2 />,}并將我的dict對象更改為,export default [{ component: 'Component1' }, { component: 'Component2' }];我想知道為什么我目前的方法不起作用。我在這里做錯了什么?
查看完整描述

1 回答

?
泛舟湖上清波郎朗

TA貢獻(xiàn)1818條經(jīng)驗 獲得超3個贊

您只是返回函數(shù),但要渲染 JSX,您需要執(zhí)行以下操作:


export default function App() {

  return <>{dict.map(({ component: Component }) => <Component />)}</>;

}

Note:將第一個字母設(shè)為大寫,因為component它不是本機(jī)元素,這會引發(fā)錯誤。


查看完整回答
反對 回復(fù) 2023-07-14
  • 1 回答
  • 0 關(guān)注
  • 136 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號