效果图
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/4ee26af4e8af5bedd89f46918530a36f.png)
JS
const listArr = [
{ name: '羽神', id: 1, type: true },
{ name: '少主', id: 2, type: false },
{ name: '关羽', id: 3, type: true },
{ name: '胡乐乐', id: 4, type: true },
{ name: '二弟', id: 5, type: false },
]
let numbers = [1, 2, 3, 4, 5, 6];
const index = () =>
{
const element = [];
listArr.forEach((item) =>
{
element.push(
<div>
{item.name}
</div>
)
});
return (
<div >
<div style={{ display: 'inline-block' }}> {element}</div>
<div style={{ display: 'inline-block' }}>
{listArr.map((data, index) => (
<div key={index}>{data.name}</div>
))}
</div>
<div>
{numbers.filter(item => (item % 2 === 0))}
</div>
</div>
)
}
export default index