🚀

React Nativeで配列要素のループ処理

2021/08/19に公開

やりたいこと

配列から値を取ってきて、特定の順番の処理を繰り返したい
例)user1のname → user1のemail → user2のname → user2のemail

コード

 // 配列
const users = [
  {
    id: 1,
    name: 'John Doe',
    mail: 'John@example.com',
  },
  {
    id: 2,
    name: 'Yamada taro',
    mail: 'taro@example.com',
  },
];
// 処理
const App = () => {
  // Viewをreturnで囲うとループ処理で上から順に取ってくれる!
  return (
    <View>
      <View style={styles.container}>
        {users.map((user) => (
          <View>
            <Text>{user.name}</Text>
            <Text>{user.mail}</Text>
          </View>
        ))}
      </View>
    </View>
  );

Discussion