無法訪問對象的屬性

Question

我無法訪問通過道具傳遞給我的EditField組件的對象的鍵。當我記錄傳遞給控制檯的道具時，它會正確輸出對象，但是當我嘗試獲取該對象的任何鍵時，我會得到一個「未定義的錯誤」。這個對象是什麼？圖片上是做的console.log（部門），當我得到大家看看我的代碼的對象：

class EditForm extends React.Component { 
render() { 
const departments = this.props.departments 
const showcasedDepName = this.props.showcasedDepName 
const dep = departments.filter(dep => dep.depName === 
showcasedDepName)[0] 
return(
     ...irrelevant stuff 
     <EditField department={dep}/> 
    </form> 
    </div> 
) 
} 
} 

EditField中成分：

class EditField extends React.Component { 
render() { 
const department = this.props.department 
console.log(department.depName) //"undefined", whereas it shows me the correct object when I do console.log(department) 
return(
    <div className="edit-dep"> 
    <div>Department name: <input type="text" value= 
{department.depName}/></div> 
    </div> 
) 
} 
} 

Answer 1

我定了！問題來自我沒有預料到的問題。我計算了componentDidMount函數中的工作量，其中我將'depAmount'鍵的狀態從null更改爲worker數組的長度。當我用componentWillMount替換componentDidMount時，問題消失了。我猜爲什麼我有這個錯誤的原因是最初使用空值呈現的狀態。