在React中的useState②

2 年 ago

新, 韵

1 minute

首先

這是關於React中的useState功能的備忘錄?
我是一個初學者?
我可能有很多錯誤的地方。
如果您發現了錯誤，請給予我的指正?

请将以下内容用中文翻译，仅需一个选项：

内容

学习了服务器概念和HTTP请求概念后，创建了一个用于React的联系表单。我能够通过自己的电子邮件通知来收到收到的查询，并确认其内容。

const Contact = () => {
    const [user, setUser] = useState({
        name:"",
        Email:"",
        Comment:"",
    });

    const handleUser = (e) => {
        setUser((prev) => ({...prev, [e.target.name]: e.target.value}));
    };

(e)在描述中省略了事件。

押さえておくべき点?

user : 已初始化的盒子。里面有三个具有 name 属性的小盒子（name,Email,Comment）
setUser : 定义更新变量
prev : 指向前一个状态的值（user），即更新之前的 user（此时没有输入任何值）的状态
…prev : 创建一个新的 user 对象（反映了更新的内容）
(e) : event 的缩写。当函数被调用时，会执行某个操作。
[e.target.name] 获取 user 中名为 name 的属性（’name”Email”Comment’）
e.target.value 获取 [e.target.name] 得到的属性的值。