在React/Redux中遍历数据可以使用map函数或者forEach函数来遍历数组,使用Object.keys()函数来遍历对象。
import React from 'react';
const MyComponent = ({ data }) => (
{data.map(item => (
- {item.name}
))}
);
export default MyComponent;
上述代码中,我们使用map函数遍历data数组,并返回一个包含每个数组项的li元素。
import React from 'react';
const MyComponent = ({ data }) => {
const items = [];
data.forEach(item => {
items.push({item.name} );
});
return {items}
;
};
export default MyComponent;
上述代码中,我们使用forEach函数遍历data数组,并将每个数组项的li元素添加到一个数组中,最后将该数组渲染为ul元素。
import React from 'react';
const MyComponent = ({ data }) => (
{Object.keys(data).map(key => (
- {data[key]}
))}
);
export default MyComponent;
上述代码中,我们使用Object.keys()函数获取data对象的所有键,然后使用map函数遍历这些键,并返回一个包含每个键值对的li元素。
请注意,上述代码中的data可以是一个数组或一个对象,具体取决于你所使用的数据结构。
上一篇:遍历R.string.name