0

非常に多くのデータで使用されるダム コンポーネントを作成しますが、表示は同じです。

問題は、ネイティブのデータ型またはオブジェクトの配列のみを受け入れる方が良いダムコンポーネントですか? 私のデータプロパティはテーブルごとに異なるためです。

<ScrollView>
  {listOfData.map(()=>(
    <Dumb title={data.title} description={data.description} >
  ))}
</ScrollView>

長所: オブジェクト プロパティの依存関係がない

短所：スマートコンポーネントでループが必要なため、面倒になります vs

<ScrollView>
    <Dumbs data={listOfData} >
</ScrollView>

長所：スマートコンポーネントでよりシンプル

短所: ダムコンポーネントは特定のデータプロパティのみを受け入れます

では、どちらが良いでしょうか？私は2番目のものを使用し、最初にcomponent.tsにマッピングしてオブジェクトのプロパティを変更しますが、component.tsが乱雑になります

4

2 に答える 2

1

コンポーネントの再利用性を高めるため、最初の方法を好みます。listOfData他の構造とは異なる構造を持っている場合は、異なるデータ構造のタイトルと説明data-sourceを確認して抽出する必要があります。

<ScrollView>
    {listOfData.map((data) => (
        <Dumb key={data.id} description={data.desc} title={data.title} />
    ))}
</ScrollView>
于 2018-07-02T05:47:35.547 に答える