小编use*_*530的帖子

我不明白，输入颜色类型是如何工作的。

我正在尝试使用颜色选择器并将值放入状态变量“颜色”中。

const [color, setColor] = useState(false);
const colorPicker = () => {
    console.log("colorPicker", color.target);
    return(
        <input type="color" value={color} onChange={setColor}/>
    );
}

但这在控制台中给了我大量的 javascript 对象，当我尝试查看例如 color.target 时，它会引发错误：

警告：出于性能原因重用此合成事件。如果您看到这一点，则表示您正在访问已target发布/无效的合成事件上的属性。这被设置为空。如果您必须保留原始合成事件，请使用 event.persist()。有关更多信息，请参阅 https://fb dot me/react-event-pooling。

我在 ReactJS 应用程序中大量使用箭头函数样式（它们都使用带有钩子的函数样式）。

const handleKeyDown = (e) => {
    doStuff(e.keyCode);
}

Visual Studio Code 一直在这里建议我使用一个命名函数，如：

function handleKeyDown(e) {
    doStuff(e.keyCode);
}

这里的最佳做法是什么？我读过，箭头函数和命名函数在 javascript 中是等价的。这不是真的吗？在这里使用命名函数有什么好处吗？