禁用出现在 React 事件处理程序中的此控制台消息

Question

如何在 React 中执行事件处理程序（如 onChange）时禁用这些控制台消息。它涉及到这个名为 ContentScript.js 的文件，但我不知道如何删除它。这很烦人，有时让我对调试时正在阅读的 console.log 消息感到困惑。下面的图片是一些项目来说明我的意思。

我也在使用最新版本的 React。 18.1.0

这是代码。

    function App() {
  const [state, setState] = useState('')

  const onChange =(e) => setState(e.target.value)

  const onSubmit = (e) => {
    e.preventDefault()
  }

  return (
    <div className="App">
     <form onSubmit={onSubmit}><input value={state} onChange={onChange}/> <button>Submit</button></form>
    </div>
  );
}

export default App;

Answer 1

您可以使用-

console.clear()

在调用调试之前 console.log()

它将清除您之前的控制台消息。

另一种解决方法：

ContentScript.js 如果您的项目中不存在，则来自您的浏览器扩展。禁用所有浏览器扩展以停止接收未知消息。

禁用出现在 React 事件处理程序中的此控制台消息

Disable this console messages that appears in event handlers at React

reactjs

onchange