Reactでマップをループする方法

react ループ マップの方法: まず対応するコード ファイルを開き、次に一意の識別子としてキーを子要素に追加し、最後にマップを使用してトラバースします。

このチュートリアルの動作環境: Windows7 システム、react17.0.1 バージョン、Dell G3 コンピューター。

推奨: react ビデオ チュートリアル

react でのマップ トラバーサル

<ul id="ul_rwardList">
    {
        this.state.reward.map(function (item) {
            return (
                <li className="db vh" key={item.id}>
                    <div className="fx1">{item.num}</div>
                    <div className="fx1">{item.username}</div>
                    <div className="fx1 text-right">{item.rward_time}</div>
                </li>
            )})
    }
</ul>

ヒント: マップ トラバーサルを使用する場合は、次のことを行う必要があります。 give 一意の識別子として子要素にキーを追加します。キーの値は連続している必要があります

以上がReactでマップをループする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。