android - 阵列状态未设置

Question

我正在尝试设置一个数组的状态，但它没有设置它，我正在通过从 react-native-image-crop-picker 获取的获取结果进行映射，因为我映射我的 setState数组但它不设置状态，它总是空的，设置数组状态后我想通过它映射并将其显示为图像，请问我做错了什么，为什么数组不是准备好

import ImagePicker from 'react-native-image-crop-picker';

imageUpload(){
    ImagePicker.openPicker({
        multiple: true,
        cropping: true,
        mediaType: 'photo'
      }).then(images => {
        this.setState({
            images_array: images.map(i => {  
                console.log('received image', i);
                return {uri: i.path};
            })
        }, console.log(this.state.images_array));
    }).catch(e => console.log(e));
} 
constructor(props) {
    super(props);
    this.state = {
        upload: false,
        home: true,
        category: false,
        amount: false,
        no: 0,
        cat_id: '', 
        images_array: [],
        description: '',
        amount: '',

    };
}
images = this.state.images_array.map((image, index)=>{
        <Image resizeMode="contain" style={{width: 38,
    height: 38,
    borderRadius: 19}}
               source={{uri: image.uri}}/>});
<ScrollView showsVerticalScrollIndicator={false}>
                        <Text style={{
                            fontFamily: 'mont-medium', fontSize: 14, color: '#000', marginTop: 39, textAlign: 'center' }}>
                         Upload at least one picture{'\n'} of your product
                        </Text>
                        <TouchableNativeFeedback onPress={this.imageUpload.bind(this)}>
                        <View style={styles.multi}>
                            <View style={{height: 111, width: 123,alignSelf: 'center',}}>
                                <Image
                                    resizeMode="contain"
                                    style={{alignSelf: 'center', flex: 1}}
                                    source={require('../upload.png')}/></View>
                            <Text style={{fontFamily: 'mont', fontSize: 12,
                                color: '#b3b1b1',alignSelf: 'center',}}>
                                Attach photos...
                            </Text>
                        </View>
                        </TouchableNativeFeedback>
                        <View style={styles.does}>
                        {images}
                </View>
                        </ScrollView>

Answer 1

试试这个

  .then(images => {
    const imagesArray = [];
    if(images){
    images.map(i => {  
           imagesArray.push({uri: i.path});
     })
     }
    this.setState({
        images_array: imagesArray
    });
 })