1。如果您想在渲染时打印组件的参数，并且不想转换它，请在渲染表达式中使用console.log。您可以将console.log与||一起使用。2.使用Error对象跟踪函数调用堆栈如果你不知道函数从哪里调用，你可以在函数中打印一个Error对象，你将在控制台中得到堆栈跟踪：注意第三行每个日志，一个是从EnterPasscode.tsx的第106行调用的，另一个是从appConfigSaga.ts的第576行调用的。3.为所有日志添加前缀以过滤ReactIsReact给你大量关于控制台中键和弃用的警告和错误，但是你懒得修理它们？向每个控制台添加一个特定的字符串：然后在控制台中按该字符串过滤日志：4.向窗口对象添加一个属性想知道一个函数如何执行而不阅读所有文档？只需将它添加到window对象中，您就可以在控制台中使用它。我一直这样做是因为我永远记不起moment返回了哪些函数：5.空合并运算符大多数人都知道使用||&&是编写条件的快捷运算符。但是你知道吗？？？空合并运算符(??)是一个逻辑运算符，当左操作数为空或未定义时返回其右操作数，否则返回左操作数。这意味着，如果state?.bookings未定义，则返回{}。为什么不直接使用||？同时||对于评估一个值是否为“false”非常有用，??仅评估为null或未定义。这很有用，因为您可能正在访问值为false的属性...6.可选链接运算符？可选的链接运算符是访问嵌套对象属性的安全方法。这意味着我们在访问一长串对象属性时不必进行多次空值检查。当尝试访问可能不存在的对象属性时，可选的链接运算符将使表达式更短、更简洁。7.console.groupconsole.group在React导致你的日志一遍又一遍地打印时很有用。假设我有一个带循环的函数。如果我记录每个循环迭代的结果，我会得到大量日志，不仅是循环记录每个迭代，而且React在组件重新渲染时一遍又一遍地调用该函数：如果我想知道什么时候迭代开始和结束位置这将需要我付出很多努力。一种更简单的方法是用console.group和console.groupEnd包装我的函数。现在它对每个渲染的控制台进行分组：8.使用key属性强制重新渲染需要强制刷新组件吗？可以通过添加一个key来实现。从技术上讲，您可以通过更改道具来做到这一点。但是key是每个组件都有的属性，所以你可以在任何组件上使用它，而不必在内部实现它。这篇文章结束了。现在就在您的代码中尝试这些小技巧吧！
