我不太会在 .jsx 文件中使用useState等useXxx这些钩子函数，总是报错，怎么办？

import React,{useState,useEffect,Component} from "react";

class Home extends Component{
  constructor(props,context) {
	  //好像是这里报错了：
	  //好像是这里报错了：
	  //好像是这里报错了：
    const [name,setName] = useState("Mile"); 
    super(props,context);
  }
  render(){
    return(
      <div>
        <h1>首页</h1>
      </div>
    )
  }
}
export default Home;

报错信息：

index.js:1 src\page\home\index.jsx Line 5:28: React Hook “useState” cannot be called in a class component. React Hooks must be called in a React function component or a custom React Hook function react-hooks/rules-of-hooks Search for the keywords to learn more about each error.