『壹』 react 點擊下載,後台接到請求,在列表裡添加數據,前端獲取後台數據實現實時更新
react 本來就可以通過數據來對頁面進行更新渲染。
我寫了一個例子，你可以看下。我使用setInterval來模擬了數據的更新。
網頁鏈接
importReact,{Component}from'react';
import{render}from'react-dom';
importHellofrom'./Hello';
import'./style.css';
classTestextendsComponent{
render(){
return(
<div>{this.props.data}</div>
)
}
}
classAppextendsComponent{
constructor(){
super();
this.data=1;
this.state={
name:'React'
};
}
componentDidMount(){
setInterval(()=>{
this.setState({data:this.data++})
},2000)
}
render(){
return(
<div>
<Helloname={this.state.name}/>
<p>
:)
</p>
<Testdata={this.state.data}/>
</div>
);
}
}
render(<App/>,document.getElementById('root'));