event.target.value解析

event.target.value 是 JavaScript 中处理事件对象时常用的属性，用于获取事件的目标元素的值。在 React 中，它通常在处理表单元素变化的事件处理函数（例如 onChange）中使用，以便获取用户输入的新值。

让我们对 event.target.value 进行深入解析：

事件对象 (event): 当事件发生时，浏览器会创建一个事件对象，其中包含关于事件的各种信息。这个事件对象会作为参数传递给事件处理函数。在 React 中，通常事件对象会简称为 event。

target 属性: 事件对象中的 target 属性表示触发事件的 DOM 元素，即事件的目标元素。在表单元素上触发的事件中，target 属性指向被操作的表单元素。

value 属性: 在表单元素中，特别是输入框 ()、文本域 () 等元素中，value 属性表示元素当前的值。这就是用户输入的文本内容。

综合起来，event.target.value 表示触发事件的表单元素的当前值。在大多数情况下，这个属性用于处理用户输入值的变化。

以下是一个更具体的例子，展示了如何在 React 中使用 event.target.value 来获取输入框的值：

import React, { useState } from 'react';

function InputExample() {
    const [inputValue, setInputValue] = useState('');

    const handleInputChange = (event) => {
        // 通过 event.target.value 获取输入框的当前值
        const newInputValue = event.target.value;
        setInputValue(newInputValue); // 更新状态来反映输入框的值
    };

    return (
        <div>
            <input
                type="text"
                value={inputValue}
                onChange={handleInputChange}
            />
            <p>Input value: {inputValue}</p>
        </div>
    );
}

export default InputExample;