ReactNativeに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
)期待どおりに10を返します。
ただし、renderItem内でconsole.logを実行すると、何も出力されません。リストを表示できるようにsetNum, reps and weight
内部にアクセスしたいのrenderItem
ですが。私は何が間違っているのですか?StackOverflowを検索しましたが、これに対する答えが見つかりませんでした。ありがとう。
レンダリングの作業例のアイテムはオブジェクトであるため、テキストコンポーネントが表示されないオブジェクトがテキストとして表示されないフラットリストについて読んで、それについてさらに理解することをお勧めします-key extractors -layouts
大きなリストでは問題になる可能性があるため、ベストプラクティスのようになります(100行のパフォーマンスが非常に遅い)
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加