URL中某参数的值加1

Question

我使用Axios来获取用户。当按钮被点击时，我每次获得一个用户。我需要ID参数增加1时，单击。首先应该是&;…user/1"，然后当点击&;…user/2"等等......我该怎么做呢?

const Button = () => {
const handleUser = () => {
axios.get(".../user/1/").then((res) => {
....
});
};
return <button onClick={handleUser}>NEXT</button>;
};
export default Button;

Answer 1

1，

你需要将当前用户id存储在一个状态中(可以直接存储在你的Button组件中，也可以存储在它的父组件中)。

,

const Button = () => {
const [userId, setUserId] = useState(1);
const handleUser = () => {
axios.get(`.../user/${userId}/`).then((res) => {
....
}).finally(() => setUserId(userId => userId + 1));
};
return <button onClick={handleUser}>NEXT</button>;
};

export default Button;

Answer 2

尝试这样增加调用的索引。

const Button = () => {
const [index, setIndex]=useState(0)
const increment = () => {
setIndex(i => i + 1)
}
const handleUser = () => {
increment()
axios.get(`.../user/${index}/`).then((res) => {
....
});
};
return <button onClick={handleUser}>NEXT</button>;
};
export default Button;