FlatList 不从 json 数组 React-native 渲染数据

Question

我在 React Native 中有一个 FlatList -

这是我传递给 FlatList 的对象。

    const [workoutSet, setWorkoutSet] = useState([
        { setNum: 1, reps: 10, weight: 0 },
        { setNum: 2, reps: 10, weight: 0 },
    ]);

    <SetList data={workoutSet} />

在 SetList 中，我正在尝试呈现传递到此处的数据。

export default function SetList(data) {
    return (
        <>
            <FlatList
                data={data}
                renderItem={(item) => {
                    <Text style={styles.name}> {item} </Text>;
                }}
            />
            {console.log(data.data[0].reps)}
        </>
    );
}

console.log(data.data[0].reps) returns 10，符合预期。

但是，如果我在 renderItem 中执行 console.log，它不会打印任何内容。我想访问 renderItem 内的 setNum, reps and weight 以便我可以显示列表。我究竟做错了什么？我搜索了 Whosebug，但找不到这个问题的答案。谢谢。

Answer 1

工作示例渲染中的项目是一个对象，这就是它不显示的原因文本组件不将对象显示为文本我建议阅读 flatlist 以了解更多信息 -钥匙提取器 -布局

喜欢最佳实践，因为这对于大型列表来说可能是个问题（100 行的性能非常慢）

工作示例 https://snack.expo.io/LpItecGOc

FlatList 不从 json 数组 React-native 渲染数据

FlatList not rendering data from json array React-native

javascript

json

reactjs

react-native

react-native-flatlist