我怎么能说rowData值在数组对象Render方法阵营本地

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', 
        ]} 
    /> 

---

，但在我的代码我想打电话给URL从rowData像这一点，但imageslider不能显示图像

<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, 

     ]}