React map function 沒有結果

Question

我有一個簡單的數組：

const plaene = [
{
"bezeichnung":"P1",
"erstelltAm":"18.07.2020"
},
{
"bezeichnung":"P2",
"erstelltAm":"18.07.2020"
 },
{
"bezeichnung":"P3",
"erstelltAm":"18.07.2020"
 }
]

因此，如果我想在該陣列上 map，我沒有得到任何結果。 只有當我在 map function （計划1 .bezeichnung ）中明確指定 position 時，我才能得到顯示的值。 那么為什么以下不起作用？

export default function Wochen({pl}) {

return ( <div>
    {
        Object.entries(pl).map(plan =>{
            return(
                <Plaene key={plan} title={plan.bezeichnung}/> 

            );
        })
    }
    </div> )
};

Answer 1

我會嘗試不Object.entries()作為：

{
     pl.map((plan, index) => {
         return(
             <Plaene key={index} title={plan.bezeichnung}/> 
         );
     })
}

上面的.map()在您的數組的每次迭代中都有實際的plan條目， index也可以用作組件的鍵。

Answer 2

plan ——是關鍵。 鍵入pl[plan]以訪問該值