react window.addEventListener useState

React是一个用于构建用户界面的JavaScript库，特别适合单页应用程序的开发。`window.addEventListener` 是浏览器提供的一个原生方法，它允许你在网页加载后添加事件监听器，比如点击、滚动等，当特定事件发生时，指定的函数会被调用。

`useState` 是React Hook的一种，它提供了一种在函数组件内部声明并管理状态的方式。Hook让你可以在不创建类组件的情况下使用React的特性，如state和生命周期方法。`useState`接收一个初始值作为参数，返回一个数组，第一个元素是当前的状态值，第二个元素是一个更新状态的函数，当你需要改变状态时，只需调用这个函数并传入新的值。

举个例子：

import React, { useState } from 'react';

function MyComponent() {
  const [count, setCount] = useState(0); // 初始化计数器为0

  // 使用addEventListener
  useEffect(() => {
    window.addEventListener('click', () => {
      setCount(count + 1);
    });
  }, []); // 确保只在组件渲染一次时添加监听

  return (
    <div>
      <p>点击次数：{count}</p>
      <button onClick={() => setCount(count + 1)}>点击我</button>
    </div>
  );
}

export default MyComponent;

在这个例子中，每次点击按钮或页面时，状态`count`就会增加，并且页面会自动更新显示最新的点击次数。