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

Question

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

  build: {

    // Template for index.html
    index: path.resolve(__dirname, '../../srv/www/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../../srv/www'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    ...

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

如何识别堆栈中哪个Warning: <some kind of React warning> in input (created by MyComponent) in form (created by MyComponent) ... etc React指的是什么？它只是一个艰难的通过它们（在我的情况下检查受控制与不受控制），或者有没有办法让React在堆栈中包含组件名称/ ID？

Answer 1

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