ReactJS：グリッドに画像を追加する方法は？

Question

CSSフレームワークを使用していない場合、これを行うための正しいアプローチは何でしょうか？私は<ul>を念頭に置いていました。

ありがとうございましたupvote +答えを受け入れます。

Answer 1

img URLの配列をコンポーネントのプロップとして提供します。

ストアローカル状態での画像のグリッド数とあなたrenderメソッドの出力では1

で初期化した画像の現在の状態量（this.state.imgGridCount）。

load moreボタンは、setStateを呼び出して現在の数値を1つ増やす関数を呼び出す必要があります。リアクションは、現在8つのイメージを自動的にレンダリングする必要があります（2回クリックすると12をレンダリングする）。