如何在 static 方法中訪問 object 值？

Question

我正在使用static getDerivedStateFromProps from react 有條件地更新 state。

這是示例代碼：

static getDerivedStateFromProps(nextProps, prevState) {
        console.log(nextProps, prevState);
        if (prevState.web_data !== nextProps) {
            var data = nextProps.data;
            data.sort((a, b) => new Date(b.created) - new Date(a.created));
            console.log(data[0]);
            // nextProps.getData({data[0].website_id});
            return {
                web_data: data,
                // selected_web_id: data[0].website_id
            }
        }
        else {
            return null;
        }
    }

在上面的代碼中， console.log(data[0])返回索引 0 處的數據值，但是當我嘗試訪問 data[0] 中的 object 值時，它會拋出錯誤 website_id is undefined。

數據數組的結構是：

data = [{key:value, website_id...}, {key:value, website_id...}, {key:value, website_id...}, {key:value, website_id...}]

Answer 1

我建議不要使用 console.log() 來找出錯誤，而是嘗試使用調試器並跟蹤每個步驟以找出它未定義的原因。

根據我之前的說法，道具是空的，這就是為什么您無法訪問 object 屬性的原因。