如何识别React警告或错误引用的组件（很多组件）？

Question

例如，我在我的控制台中得到这个：

Warning: <some kind of React warning>
  in input (created by MyComponent)
  in form (created by MyComponent)
  ... etc

（在我的情况下，警告与https://reactjs.org/docs/forms.html#controlled-components有关，但我的问题更为笼统。）

如何识别堆栈中哪些<input> React指的是什么？它只是一个艰难的通过它们（在我的情况下检查受控制与不受控制），或者有没有办法让React在堆栈中包含组件名称/ ID？

Answer 1

很确定它有很多答案，但试着找到第一个。其他人可能因为第一个而被打破。