Question

我想为要上传到服务器的图像信息数组设置初始状态。我正在使用react-native-image-crop-picker

选择要上传的图像和immutable.js。

我当前的addImages初始状态

var InitialState = Record({
    addImages:[],
})

示例图像数组

[
{
  filePath: ../image1.jpg
  description: image 1
},
{
  filePath: ../image2.jpg
  description: image 2
},
.......
]

问题是我如何列出图像属性的所有初始状态，因为这取决于选择的图像数量？

Answer 1

您可以推送数组中的所有图像，并以初始状态数组分配该数组，并且每当选择了图像时，您都可以调度一个函数，该函数将调用reducer将该初始状态数组更改为所选图像数组，如下所示：< / p>

export default function (state:State = initialState, action:Action): State {
  switch(action.type){
   case SELECT_IMAGES:
     return Object.assign({}, state, {
        addImages: action.payload.selectedImages
    });

此更改将反映在newProps中，您可以在组件中的componentWillReceiveProps(newProps)中捕获它。

如何设置对象的初始状态Redux数组（图像信息列表）

1 个答案: