Реагировать. Как установить заполнитель до полной загрузки списка компонентов?

Итак, у меня есть Component, который отображает список вложенных компонентов Cri, и моя цель - сделать отображение некоторого заполнителя на экране до тех пор, пока список компонентов Cri не будет полностью загружен на экран.

Есть предложения?

class Comp extends Component {
  constructor(props) {
    super(props)
    this.state = {
      isLoaded: true
    }
  }
  _func = () => {
    const lis = [];
    const { att, cri, media, res, st } = this.props;
    cri &&
      cri.map((row, i) => {
        var state = !row.available ? 'locked' : ''
        if (att.inProgress === false && att.itemId === row.cr && st) {
          var show = true
          state = result || state
        }
        lis.push(
          <Cri // my list of the Components Cri
            {...row}
            action = {this._atte(row.cri, row.available)}
            key = {i}
            mediaType = {medpe}
            showOutcome = {showe}
            state = {state}
          />
        )
      })
    return lis
  }
  render() {
    const { isLoaded } = this.state;
    return (
      <div className = "main-container">
        <div className = "sub-list">
          <div>
            {this._buildCrimesList()}
          </div>
        </div>
      </div>
    )
  }
}