如何在渲染方法React-Native上調用數組對象中的rowData值

Question

我曾經打電話給https://www.npmjs.com/package/react-native-image-slider ，基本示例是

    <ImageSlider
          images={[
               'www.url.com/abc.png',
               'www.url.com/abc.png',
               'www.url.com/abc.png',
                  ]}
    />

---

但是在我的代碼中，我想像這樣從rowData調用url，但是imagesSlider無法顯示圖像

<ListView
            enableEmptySections={true}
            dataSource={this.state.dataSource}
            renderRow={
              (rowData) =>
                    <ImageSlider
                             images={[

                                  {rowData.image_fields1},

                                  {rowData.image_fields2},

                                  {rowData.image_fields3},

                                    ]}

                                />

            }
          />

---

當我插入單引號'{rowData.image_fields1}'時，它將返回缺少的語法

Answer 1

圖像道具的預期類型是字符串數組，但是您正在代碼中設置對象數組。

將您的代碼更改為：

renderRow={
  (rowData) =>
    <ImageSlider
      images={[rowData.image_fields1, rowData.image_fields2, rowData.image_fields3]}
    />
}

Answer 2

您不需要在rowData此處使用{} 。

這應該工作：

<ListView
            enableEmptySections={true}
            dataSource={this.state.dataSource}
            renderRow={
              (rowData) =>
                    <ImageSlider
                             images={[ 
                                  rowData.image_fields1,

                                  rowData.image_fields2,

                                  rowData.image_fields3,

                                    ]}

                                />

            }
          />

Answer 3

 var value = 'abc'; var arr = [value]; var arr1 = [{value}]; console.log(arr)//output will be string console.log(arr1)//output will be object 

使用這種方式： rowData.image_fields1

images={[

         rowData.image_fields1,

        rowData.image_fields2,

        rowData.image_fields3,

      ]}