react 点击下载,后台接到请求,在列表里添加数据,前端获取后台数据实现实时更新

 我来答
前端工程狮
2019-01-30 · 知道合伙人互联网行家
前端工程狮
知道合伙人互联网行家
采纳数:6 获赞数:6
五年前端经验,客如云高级前端工程师。

向TA提问 私信TA
展开全部

react 本来就可以通过数据来对页面进行更新渲染。

我写了一个例子,你可以看下。我使用setInterval来模拟了数据的更新。

网页链接

import React, { Component } from 'react';
import { render } from 'react-dom';
import Hello from './Hello';
import './style.css';

class Test extends Component {

render() {
 return (
    <div>{this.props.data}</div>
    )
 }
}

class App extends Component {
    constructor() {
        super();
        this.data = 1;
        this.state = {
            name: 'React'
        };
    }

    componentDidMount() {
        setInterval(() => {
        this.setState({ data: this.data++ })
        }, 2000)
    }

    render() {
        return (
            <div>
                <Hello name={this.state.name} />
            <p>
                Start editing to see some magic happen :)
            </p>
                <Test data={this.state.data} />
            </div>
        );
    }
}

render(<App />, document.getElementById('root'));
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式