Javascript 反应-无法读取属性'；安全url'；未定义的

我正在尝试使用cloudinary创建一个上传图像的地方，一切正常，但我不确定如何检查图像是否处于状态，因为我得到：

'无法读取未定义的'secure_url'属性'

secure_url是一个属性，在从cloudinary返回的对象上具有图像url

陈述

上传图像方法

imageUpload(files) {
        const image = files[0];
        const cloudName = 'xxxx';
        const url = 'https://api.cloudinary.com/v1_1/'+cloudName+'/image/upload';
        const timestamp = Date.now()/1000;
        const uploadPreset = 'xxxx';
        const paramsStr = 'timestamp='+timestamp+'&upload_preset='+uploadPreset+'xxxxx';
        const signature = sha1(paramsStr);
        const params = {
            'api_key': xxxxx,
            'timestamp': timestamp,
            'upload_preset': uploadPreset,
            'signature': signature
        }

        let uploadRequest = superagent.post(url);
        uploadRequest.attach('file', image);

        for(let key in params) {
            uploadRequest.field(key, params[key]);
        }

        uploadRequest.end((err, res) => {
            if(err) {
                alert(err);
            }

            const uploaded = res.body;

            let imagesArr = [];

            let userId = firebase.auth().currentUser.uid;
            const dbRef = firebase.database().ref(`notes`);

            if(imagesArr.length === 0) {
                imagesArr.push(uploaded);
                dbRef.push(imagesArr);
            }

            if(imagesArr.length >= 1) {
                imagesArr.splice(0, uploaded);
                dbRef.remove();
                dbRef.push(imagesArr);
            }
        });
    }

通过数组映射

    uploadedImage = (
        this.state.images.map((image, i) => {
            return (
                <img className="avatar" key={`image-${i}`} src={image.secure_url} alt={image.orginal_filename}/>
            );
        })
    );

上传图像=(
this.state.images.map（（image，i）=>{
返回(
);
})
);

下面是错误

让UploadeImage=dataObjValue[prop][0]

此代码返回的部分或所有元素未定义。世界上没有魔法。尝试记录所有图像并检查未定义的图像

---

最后，您将未定义的图像推送到images array

控制台日志是否记录了此状态。图像实际显示在每个图像中设置了

secure\u url

？您在代码中的何处设置了

secure\u url

？@Dekel它在

中被调用。map

在

src={image.secure\u url}

中，但您将值放在了何处？这里是读取值的地方…secure_url是从cloudinary返回的对象的属性。这不是答案，更适合作为问题的注释。

    uploadedImage = (
        this.state.images.map((image, i) => {
            return (
                <img className="avatar" key={`image-${i}`} src={image.secure_url} alt={image.orginal_filename}/>
            );
        })
    );