Question

我目前正在从API获取数据 - 采用json格式。此API每小时更新一次 - 有什么方法可以在API更新时自动更新此数据？我正在使用，

  componentDidMount() {
    var component = this;
    var MY_ACCESS_KEY  = "REDACTED FOR PRIVACY REASONS";
    var MY_CHOSEN_CURRENCIES = "USD,JPY,CAD,RUB,CNY,GBP,EUR,BTC,CHF"
      $.get("http://apilayer.net/api/live?access_key=" + MY_ACCESS_KEY + "&currencies=" + MY_CHOSEN_CURRENCIES + "&format=1", function(data) {
        component.setState(data)
      });
  }

在我的react组件类中。这是在扩展的React.Component方法中 - 如果这会产生细微差别，例如：

class TickerTrader extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {...

  }

Answer 1

我用完整的组件和jsFiddle更新了我的答案......

https://jsfiddle.net/nxwbeb9k/5/

您可以使用window.setInterval（）每小时触发API调用。清除组件卸载时的间隔也是明智的。

docker

从API获取数据 - 在react.js中自动更新

1 个答案: