如何在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 。