可以使用React中的useState hook来记录按钮的状态,并将按钮的onClick事件绑定到一个函数,该函数将状态设置为false。然后,在组件的useEffect hook中,可以使用window.location.reload()方法来刷新页面,但只有在状态为false时才会发生。示例代码如下:
import React, { useState, useEffect } from 'react';
function ExampleComponent() {
const [buttonClicked, setButtonClicked] = useState(false);
const handleClick = () => {
setButtonClicked(true);
};
useEffect(() => {
if (buttonClicked) {
window.location.reload();
}
}, [buttonClicked]);
return (
);
}
export default ExampleComponent;