我正在使用 next.js 并且我有一個呈現組件的頁面。
export default function SamplePage() {
return (
<>
{myData.map((countries) => {
if (countries.title === "USA") {
{
countries.states.map((state) => {
if (state.name === "NY") {
console.log(state.name); // NY
return <NYMap />;
} elseif (state.name === "CA") {
console.log(state.name); // Californima
return <CaliforniaMap />;
}
});
}
}
})}
</>
);
}
但我無法渲染<NYMap />和<CaliforniaMap />組件。myData 正確傳遞，并且在 if 陳述句中使用控制臺日志只是不顯示組件。
uj5u.com熱心網友回復：
return在外部沒有顯map式回傳的是隱式回傳的undefined是什么，并且沒有什么可呈現的。
return向狀態映射添加一條陳述句：
return countries.states.map((state) => {
if (state.name === "NY") {
console.log(state.name); // NY
return <NYMap />;
} elseif (state.name === "CA") {
console.log(state.name); // Californima
return <CaliforniaMap />;
}
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/389471.html
標籤：javascript 反应