我目前正在一個網站上工作，所以有一個個人資料頁面和編輯個人資料，如果您在按鈕上編輯個人資料，單擊它會自動更改個人資料頁面中的內容，但按鈕不是輸入類型提交它是從材料 UI 導入的核心，我希望它存儲在本地，這樣它就不會繼續刷新頁面這是我的編輯配置文件的代碼，其名稱為 Edit.jsimport React, { useState, useEffect, Component } from "react";import "./Edit.css";import ls from "local-storage";import { Avatar, Button } from "@material-ui/core";import firebase from "firebase";function Edit() {  const [name, setName] = useState("");  const [email, setEmail] = useState("");  const [number, setNumber] = useState(0);  const [state, setState] = useState("");  const [zip, setZip] = useState(0);  const [city, setCity] = useState("");  const [country, setCountry] = useState("");  // localStorage.setItem("name", name);  return (    <div className="edit">      <center>        <h1 className="edit__title">Edit Your Profile</h1>        <Avatar          className="edit__pic"          src={firebase.auth().currentUser.photoURL}        />      </center>      <div className="edit__inputs">        <h1>Full Name</h1>        <input          // value={this.state.name}          // onChange={this.handleChange}          className="edit__input"          type="text"          placeholder="Enter Your Full Name"        />        <h1>Email</h1>        <input          // value={this.state.email}          // onChange={this.handleChange}          className="edit__input"          type="email"          placeholder="Enter Your Email"        />        <h1>Number</h1>        <input          // value={this.state.number}          // onChange={this.handleChange}          className="edit__input"          type="number"          placeholder="Enter Your Number"        />  );}