我正在用 asc
和 desc
进行排序。如果用户第一次点击我想用 name asc
更新它,我想制定逻辑,当用户第二次点击我想用 name desc
更新它。每当用户点击时,它将以相同的方式重复。
代码
class Example extends React.Component {
constructor(props) {
super(props);
this.state = {
Item: 5,
skip: 0
}
this.handleClick = this.handleClick.bind(this);
}
urlParams() {
return `http://localhost:3001/meetups?filter[limit]=${(this.state.Item)}&&filter[skip]=${this.state.skip}`
}
handleClick() {
this.setState({skip: this.state.skip + 1})
}
render() {
return (
<div>
<a href={this.urlParams()}>Example link</a>
<pre>{this.urlParams()}</pre>
<button onClick={this.handleClick}>Change link</button>
</div>
)
}
}
ReactDOM.render(<Example/>, document.querySelector('div#my-example' ))
最佳答案
您可以根据您所处的状态进行切换。
getSortedData = () => {
this.setState({
sortedData: this.state.sortedData === "name asc" ? "name desc" : "name asc"
}, () => {
this.getData();
});
};
所以这个将按以下方式工作:
sortedData = "name asc";
console.log(sortedData);
setInterval(function () {
sortedData = sortedData === "name asc" ? "name desc" : "name asc";
console.log(sortedData);
}, 500);
关于javascript - 如何在 ReactJS 中开启订单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55283338/