добавить setTimeOut на мой компонент загрузки в React.js

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 в вашем коде.