如何在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);

最有可能的是，您可能希望通过调用form在您创建的console.log(this.props)组件中进行此操作。

Answer 2

正如其他人所说，你可以在某处简单地做console.log(this.props)。我通常将它放在render()函数中，这样每次有更新道具或状态时，它都会再次记录。

但如果您的唯一目的是检查开发的道具值，我建议您使用React Devtools extension。