Я не знаю, где я не прав с объектами Js

Question

Я передаю реквизит компоненту и собираю его с помощью getDerivedStateFromProps, который его получает, но при разложении он дает неопределенный

static getDerivedStateFromProps(nextProps, nextState) {
        console.log(nextProps.imgData);
        console.log(nextProps.imgData.value);
        if (nextProps.imgData.value[nextProps.index]) {
            return nextState = {
                name: nextProps.imgData.value[nextProps.index],
                fileURL: nextProps.imgData.url[nextProps.index]
            }
        }
        return null
    }

для первого журнала он выдает:

imgData:{
url: ["https://firebasestorage.googleapis.com/v0/b/medkit…=media&token=xxxxxx-xxxx-xxxx-xxxx-xxxxxxx"],

valid: true,

value: ["xxxx-xxxx-xxxx-xxxx-1f45d20ffac3.png"]

}

за секунду это дало:

[]

Может ли кто-нибудь мне помочь?

Answer 1

Я бы попробовал это:

static getDerivedStateFromProps(nextProps, nextState) {
    let saved = nextProps.imgData;
    console.log(saved);
    console.log(saved.value);
    if (saved.value[nextProps.index]) {
        return nextState = {
            name: nextProps.imgData.value[nextProps.index],
            fileURL: nextProps.imgData.url[nextProps.index]
        }
    }
    return null
}