在React.js的我的Loading组件上添加setTimeOut

Question

我的React.js类从REST API返回数据，但是该数据立即显示。我想添加一个setTimeout在加载组件上花费一秒钟。我该怎么办？

return (
  <Paper className={classes.root} elevation={1}>
    {availableFunds.available_funds ? (

        <Typography variant="h5">
          {availableFunds.available_funds}
        </Typography>

    ) : (

        <LoadingCircular />

    )}
  </Paper>
);

Answer 1

您不必为此使用setTimeout。您的API立即返回数据是一件好事。您应该考虑可能发生拥塞并且不会立即返回数据的情况。在这种情况下，您想让一个组件（正在加载）在数据被获取且可用时临时呈现，那么您将呈现显示此数据的组件。

一般的经验法则是避免在代码中使用setTimeout。