首先，欢迎来到Stackoverflow！
这是一个大问题，涉及许多不同的事情，几乎和“为我制作我的应用程序”一样大。这类问题不是堆栈溢出的用途，通常不会得到回答，至少不会以您希望的方式得到回答。
不过，这里有一些学习资源。
带有REACT的表单(遵循此操作，您将了解如何将表单值设置为STATE)：https://reactjs.org/docs/forms.html
React事件(跟随之后，您将了解如何使某些事情发生，即响应点击或表单提交的AJAX请求)：https://reactjs.org/docs/handling-events.html
使用Fetch Api(接下来您将知道如何发出AJAX请求)：https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
使用React获取数据(接下来，您将有一些在React应用程序中发出AJAX请求的选项)：https://www.freecodecamp.org/news/fetch-data-react/
还可以查看如何在Stackoverflow上提出好问题：https://stackoverflow.com/help/how-to-ask
我会建议你也看一遍所有的Reaction文档，它真的不是很好读，而且不能跳过。
祝好运!

如果你熟悉钩子，有一个名为useState的挂钩，如果你知道如何使用，它对你来说会很容易。假设您想要将电子邮件保存在本地州。

import {useState } from "react";

在您的功能组件中

const [userEmail, setUserEmail] = useState('')

在输入元素中

<input 
.......
value={userEmail}
onChange={(e)=>setUserEmail(e.target.value)} />

此输入值将保存到本地状态的userEmail