如果我不使用React Developer Tools或将console.log()放在代码中，有没有办法在浏览器的"Console“选项卡上显示"this.props”的值？

Question

作为标题，我想找出在React中打印组件"this.props“值的方法。

通常，我们可以将console.log()放入代码中，或者使用React开发工具，在打开"F12 on browser“后单击"React”选项卡，然后使用"Console“选项卡上的"$r”打印"props“。但是，如果没有React开发工具或代码中的console.log()，我如何打印"this.props“？有没有包含React道具的全局默认变量？我尝试使用$('classID')....来找出道具，但它也只有在我点击React Developer Tools之后才会显示React value。

Answer 1

添加

console.log(this.props)

在返回JSX之前