在react 中不想刷新整个页面, 只想定时刷新数据而已
直接上代码
class Refresh extends React.Component {
static propTypes = {
classes: PropTypes.object,
}
constructor() {
super();
this.state = {
reload: false, };
}
handleResize = () => {
this.setState({
reload: true,
}, () => {
this.setState({ reload: false });
});
}
componentDidMount() {
this.resizeHandler = _.debounce(this.handleResize, 500); // 防抖, 当窗口大小改变
window.addEventListener('resize', this.resizeHandler);
this.timer = setInterval(() => this.handleResize(), this.state.refreshTimeValue * 1000);
}
componentWillUnmount() {
window.removeEventListener('resize', this.resizeHandler);
/* eslint-disable */
this.timer && clearTimeout(this.timer);
/* eslint-enable */
}
render() {
const { classes } = this.props;
return (
<div>
{this.state.reload ? <