dart - 行のループ

Question

製品の行数を表示するアプリがあります。現在、3 つの html 行を使用するようにハードコーディングされています。私は本当に 1 つの行のテンプレートを作成し、表示する必要があるだけループしてデータを入力したいと考えています。これは Web UI ループの仕事だと思っていました (fruitsearch の例を考えてみてください)。それとも、テンプレートを作成して Web コンポーネントにし、そこにデータを渡しますか? ここで最高の構造が何であるかは本当にわかりません。これは少し自由回答形式の質問ですが、複数行のデータを入力するための理想的な構造は何ですか?

Answer 1

再利用性が必要な場合、または行に複雑なロジックやレイアウトが関連付けられている場合は、Web コンポーネントを使用します。

「製品の行」の説明を考えると、各製品行に Web コンポーネントを使用し、場合によっては別の Web コンポーネントを使用して、すべての製品行を追跡します。たとえば、これが製品検索結果ページの場合、SearchResultComponent にはタイトル、ProductRowComponents のリスト、および見つかった結果の数が含まれ、各 ProductRowComponent には名前、価格、および画像が含まれます。

これにより、関連する複雑さの処理が容易になり、再利用が可能になります (つまり、複数の ProductRowComponents を使用する)。