我想在 FlatList 中顯示這些資料,但它只顯示白屏:
const [datas,setDatas] = useState([
{
name:'dhinesh',
phone:'9888888888',
email:'[email protected]',
salary:'50000',
position:'ww'
},
{
name:'ramesh',
phone:'93388888',
email:'[email protected]',
salary:'90000',
position:'sw'
}
]);
這是我使用的代碼:
<FlatList
data={datas}
keyExtractor={(item, index) => index.toString()}
renderItem={({item}) => {
<View>
<Text>{item.name}</Text>
<Text>{item.phone}</Text>
<Text>{item.email}</Text>
<Text>{item.salary}</Text>
<Text>{item.position}</Text>
</View>
}}
/>
請給我一個解決方案
uj5u.com熱心網友回復:
return在您的視圖中添加
renderItem={({item}) => {
return (
<View>
<Text>{item.name}</Text>
<Text>{item.phone}</Text>
<Text>{item.email}</Text>
<Text>{item.salary}</Text>
<Text>{item.position}</Text>
</View>
)
}}
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/359960.html
標籤:javascript 反应 反应原生 react-native-flatlist
