[ { "id": 1, "customer_id": 1, "type": 1, "is_auto_push": 0 }, { "id": 2, "customer_id": 1, "type": 2, "is_auto_push": 1 }, { "id": 3, "customer_id": 1, "type": 3, "is_auto_push": 1 }, { "id": 4, "customer_id": 1, "type": 4, "is_auto_push": 0 }, { "id": 5, "customer_id": 1, "type": 5, "is_auto_push": 0 } ] react项目 遍历出is_auto_push==1的对象
时间: 2023-07-05 18:27:00 浏览: 81
Customer_Transactions:Case_Study_2 Customer_Transaction
可以使用以下代码在React项目中遍历出is_auto_push等于1的对象:
```
import React from 'react';
const data = [
{"id": 1, "customer_id": 1, "type": 1, "is_auto_push": 0},
{"id": 2, "customer_id": 1, "type": 2, "is_auto_push": 1},
{"id": 3, "customer_id": 1, "type": 3, "is_auto_push": 1},
{"id": 4, "customer_id": 1, "type": 4, "is_auto_push": 0},
{"id": 5, "customer_id": 1, "type": 5, "is_auto_push": 0}
];
const App = () => {
const items = data.filter(item => item.is_auto_push === 1).map(item => (
<div key={item.id}>
<p>ID: {item.id}</p>
<p>Customer ID: {item.customer_id}</p>
<p>Type: {item.type}</p>
<p>Is Auto Push: {item.is_auto_push}</p>
</div>
));
return (
<div>
{items}
</div>
);
};
export default App;
```
这里使用了`filter`方法筛选出is_auto_push等于1的对象,然后使用`map`方法将这些对象转换成React组件,并将这些组件保存到一个数组中,最后将这个数组渲染到页面上。可以根据需要修改组件的渲染方式来满足具体需求。
阅读全文