Question

我被要求创建一个迷你亚马逊网络应用程序，并被告知使用以下代码作为模型数据。 const items是在迷你亚马逊中出售的产品，而const促销是每个用户获得的所有促销的单独数据。我应该在哪里存储itemsAvailable.js和promotion.js，以便可以在React组件中获取它们？

 // itemsAvailable.js
const items = [
  {
    id: '123',
    title: 'product1',
    coverImage: 'public.jpg',
    price: 20,
    score: 20,
  },
  {
    id: '123123',
    title: 'product2',
    coverImage: 'public2.jpg',
    price: 30,
    score: 30,

  }, 
];


// promotion.js
const promotion = [
  {
    type: 'sale',
    title: '30%',
    rate: 30,
  },
];

Answer 1

一种方法是使用state，

constructor(props){
    super(props);
    this.state = {
        item: [{
            id: '123',
            title: 'product1',
            coverImage: 'public.jpg',
            price: 20,
            score: 20,
          },
          {
           id: '123123',
           title: 'product2',
           coverImage: 'public2.jpg',
           price: 30,
           score: 30,
          } 
       ],
       promotion: [{
           type: 'sale',
           title: '30%',
           rate: 30,
          }
       ]
    }
}

用法

{
    this.state.item.map((item)=>{
      <div>{item.id}</div>
      ....
    })
}

同样，您可以使用promotion数组。

如何建立模型数据？

1 个答案: