在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 。