如何在React中console.log道具？

Question

我是React的新手，被深深地吸引着一個任務。

我必須調整日期道具的數據。 據我所知，這看起來像：

form.defaultProps = {
  conf: {},
  minDate: new Date(),
  maxDate: new Date(new Date().setFullYear(new Date().getFullYear() + 2)),
};

我想測試maxDate是否是我想要的道具。 為此，我要console.log （或等效命令）輸出。

有人知道我應該怎么做嗎？

Answer 1

您應該可以直接將其記錄：

console.log(form.defaultProps);

最有可能的是，您可能希望通過調用console.log(this.props)在要創建的form組件中執行此操作。

Answer 2

就像其他人所說的，您可以在某個地方簡單地做console.log(this.props) 。 我通常將其放在render()函數中，以便每次對道具或狀態進行更新時，都將再次記錄該更新。

但是，如果您唯一的目的是檢查用於開發的props值，則建議您使用React Devtools extension 。