在React Redux中,可以使用JavaScript的sort()
方法对对象数组进行排序。下面是一个示例代码,展示了如何按照其他数组的顺序对对象数组进行排序:
import React from 'react';
import { connect } from 'react-redux';
const MyComponent = ({ data, sortOrder }) => {
// 创建一个新的排序数组,其中的元素按照sortOrder数组的顺序排列
const sortedData = sortOrder.map(id => data.find(item => item.id === id));
return (
{sortedData.map(item => (
{item.name}
))}
);
};
const mapStateToProps = state => ({
data: state.data, // 对象数组
sortOrder: state.sortOrder, // 其他数组
});
export default connect(mapStateToProps)(MyComponent);
在上面的代码中,data
是一个对象数组,sortOrder
是另一个数组,表示data
数组应该按照什么顺序进行排序。首先,我们使用map()
方法遍历sortOrder
数组,并使用find()
方法在data
数组中找到对应的元素。然后,将这些元素放入新的sortedData
数组中。最后,我们使用map()
方法来渲染排序后的数据。
通过使用Redux的connect
函数,我们可以将data
和sortOrder
数组作为props传递给MyComponent
组件。这样,当data
或sortOrder
发生变化时,组件将自动重新渲染。
上一篇:按照其他列因素聚合列
下一篇:按照其他文件的匹配顺序打印行