0
我有我的表中多列,例如:采用ASC /递减和默认排序排序列
id | name | amount | description
我想每一列进行排序 - 按升序第一次点击,在第二上降序排列,第三次回到默认状态,并重新开始。
默认值是按asc顺序排列的id
列。
所以,在减速机的默认状态是:
sort: {
key: 'id',
desc: false
}
上单击名称列的下一个步骤将是:
sort: {
key: 'name',
desc: false
}
sort: {
key: 'name',
desc: true
}
sort: {
key: 'id',
desc: false
}
视图使用列名作为参数调用一个动作:
<td onClick={() => this.props.sort('name')}>Name</td>
<td onClick={() => this.props.sort('amount')}>Amount</td>
action应派遣这种key
和desc
的值,以便它符合我的模式:
export function sort(key) {
return dispatch => {
};
};
我该怎么做?