我在 ReactNative 中撰寫二維陣列。
Single-Array 在 JSX 中是成功的。
但我不明白如何在 JSX 中使用二維陣列。
我們可以在 JSX 中使用二維陣列嗎？
渲染成功
<View>
{myDoubleArray.map(loop => {
return <Text>{loop}</Text>;
})}
</View>
渲染什么都不是（我的問題）
<View>
{myDoubleArray.map(loop => {
loop.map(elm => {
return <Text>{elm}</Text>;
});
})}
</View>
myDoubleArray 是這樣的二維陣列。
const myDoubleArray = new Array(5).fill(null);
for (let y = 0; y < 5; y ) {
myDoubleArray[y] = new Array(3);
for (let x = 0; x < 3; x ) {
myDoubleArray[y][x] = y ' : ' x;
}
}
uj5u.com熱心網友回復：
您不會從外部 map 函式回傳值。所以，它的乘積是一個未定義的陣列。你只需要一個return陳述句：
<View>
{myDoubleArray.map(loop => {
return loop.map(elm => {
return <Text>{elm}</Text>;
});
})}
</View>
uj5u.com熱心網友回復：
您的代碼中有兩個問題您沒有回傳任何內容并且您忘記分配一個鍵我使用了索引它不是很好但我不知道您的陣列的內容。
<View>
{myDoubleArray.map((loop, indexA) =>
loop.map((elm, indexB) => (
<Text key={`${indexA}_${indexB}`}>{elm}</Text>
))
)}
</View>
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/497432.html
標籤：javascript 反应式 jsx