マップやforEachの反復を使用して二つの方法で反応します

重版：

免責事項：この記事はブロガーオリジナル記事です、続く BY-SAのCC 4.0を著作権契約、複製、元のソースのリンクと、この文を添付してください。

オリジナルリンク：https://blog.csdn.net/dayexiaofan/article/details/86707074

バックグラウンドレンダリングにフォアグラウンドからデータを抽出するためのコードを記述する前に、複数のデータセットとして、少しのマップで行き来することが比較的容易になりますが、
マップは、配列の配列を通過することはできません、それが唯一のObjectオブジェクトを横断することができます。

あなたは、このような問題が発生したのであればforEachの試しすることができ

インポートは、「反応」から、{コンポーネント}を反応させ;
リストを聞かせて = [
  {
    名前：「百度」、
    住所： "http://www.baidu.com"
  }、
  {
    名前：「グーグル」、
    住所： "http://www.google.cn"
  }、
  {
    名前： "Firefoxの" 、
    住所： "https://home.firefoxchina.cn"
  }
];
クラスのforEachは、コンポーネント{延び
  {レンダリング（）
    // への配列、配列データを定義 
    = CONST要素[]。
    list.forEach（（アイテム） => {
      elements.push（
        <DIV> 
          {item.name}＆NBSP。
          <A> {item.address} </a>の
          <HR />
        </ div>
      ）
    }）;
    リターン（
      の<div>
        {}要素
      </ DIV>
     ）
  }
}
輸出デフォルトのforEach。

地図

インポートは、「反応」から、{コンポーネント}を反応させ;
リストを聞かせて = [
  {
    名前：「百度」、
    住所： "http://www.baidu.com"
  }、
  {
    名前：「グーグル」、
    住所： "http://www.google.cn"
  }、
  {
    名前： "Firefoxの" 、
    住所： "https://home.firefoxchina.cn"
  }
];
クラスのforEachは、コンポーネント{延び
  {レンダリング（）
    リターン（
    list.map（（アイテム） =>
        <DIV> 
          {item.name}＆NBSP。
          <A> {item.address} </a>の
          <HR />
        </ div>
      ）
    ）
  }
}
輸出デフォルトのforEach。

ありがとう

マップやforEachの反復を使用して二つの方法で反応します

おすすめ