Javascript 单击按钮时，函数不会重新渲染

我正在制作一个简单的react计数器，单击INC按钮，该值应更改h1内的值。但它不起作用

App.js中的我的代码：

import React from "react";
import "./styles.css";

export default function App() {
  let count = 0;

  function handleInc () {
    return count++;
  }

  return (
    <>
      <div>
        <h1>{count}</h1>

        <div className='container'>
        <button onClick={handleInc}>INC</button>
        <button>DEC</button>
        <button>RESET</button>
        </div>
      </div>
    </>
  );
}

从“React”导入React；
导入“/styles.css”；
导出默认函数App（）{
让计数=0；
函数handleInc（）{
返回计数++；
}
返回(
{count}
集成数字控制
十二月
重置
);
}

您能告诉我错误是什么吗？

您需要！每次单击时，此方法都会告诉react重新呈现此组件和所有子组件，从而显示dom的更新计数器

import React, { useState } from "react";
import "./styles.css";

export default function App() {
  let [count, setCount] = useState(0);

  function handleInc () {
    return setCount(count + 1);
  }

  return (
    <>
      <div>
        <h1>{count}</h1>

        <div className='container'>
        <button onClick={handleInc}>INC</button>
        <button>DEC</button>
        <button>RESET</button>
        </div>
      </div>
    </>
  );
}

import React，{useState}来自“React”；
导入“/styles.css”；
导出默认函数App（）{
let[count，setCount]=useState（0）；
函数handleInc（）{
返回setCount（count+1）；
}
返回(
{count}
集成数字控制
十二月
重置
);
}

您需要！每次单击时，此方法都会告诉react重新呈现此组件和所有子组件，从而显示dom的更新计数器

import React, { useState } from "react";
import "./styles.css";

export default function App() {
  let [count, setCount] = useState(0);

  function handleInc () {
    return setCount(count + 1);
  }

  return (
    <>
      <div>
        <h1>{count}</h1>

        <div className='container'>
        <button onClick={handleInc}>INC</button>
        <button>DEC</button>
        <button>RESET</button>
        </div>
      </div>
    </>
  );
}

import React，{useState}来自“React”；
导入“/styles.css”；
导出默认函数App（）{
let[count，setCount]=useState（0）；
函数handleInc（）{
返回setCount（count+1）；
}
返回(
{count}
集成数字控制
十二月
重置
);
}

选中react类组件/useState钩子。选中react类组件/useState钩子。什么是let[count，setCount]=useState（0）

useState

返回一个由2个元素组成的

数组，有些人称之为元组。我正在使用将第一个和第二个元素拉出，放入变量
count
，这是您的状态和
setCount
，一个将更新
count
的函数。当调用
setCount
时，这将告诉React重新呈现组件。我当时不知道我是noob让[count，setCount]=useState（0）
useState
返回一个由2个元素组成的
数组，有些人称之为元组。我正在使用将第一个和第二个元素拉出，放入变量
count
，这是您的状态和
setCount
，一个将更新
count
的函数。当调用
setCount
时，这将告诉React重新渲染组件。我当时不知道我是noob