Ionic React 中 *ngFor = "let row of data;" 的替代品是什么

Question

我正在从 API 调用中获取一组值，并将其保存为一个数组。现在我正在使用如下所示的 Ionic React Grid 创建数据 table，我想将数组值传递到我在 Angular 中知道的列中，可以使用 IonRow 中的 *ngFor = "let row of data;" 来实现它但不确定我们应该在 React 中使用什么。

<div className="header-row">
          <IonRow>
            <IonCol>
              PoiName
              </IonCol>
              <IonCol>
              Total Assets
              </IonCol>
              <IonCol>
              Static Assests
              </IonCol>
              <IonCol>
              Fluid Assests
              </IonCol>
            </IonRow>
            </div>

Answer 1

要做到这一点，React 中的循环不同于 Angular，在这种情况下，您需要在数组中使用 map，例如：

<div className="header-row">
    <IonRow>
        {data.map((column, index) => (
          <IonCol key={index}>{column}</IonCol>
        ))}
    </IonRow>
</div>

Ionic React 中 *ngFor = "let row of data;" 的替代品是什么

What is the replacement for *ngFor = "let row of data;" in Ionic React

reactjs

ionic-react