如果 event.target.files 为真，event.target.files[0] 是否需要为真？

Question

const onImageChange = (e) => {
        if (e.target.files && e.target.files[0]) {
            let img = e.target.files[0];
            e.target.name === "profileImage" ? setprofileImage(img) : setcoverImage(img);
        }
};

我的疑问是为什么我们需要在 e.target.files 已经为真时检查 e.target.files[0]？ 因为 e.target.files 是整个文件数组，那么为什么我们需要检查它的第 0 个索引以继续处理 handlechange。

Answer 1

在 event.target.files 不是数组或字符串的情况下，如果您只检查 event.target.files 那么像 aa true boolean 这样的东西将通过检查，但是如果您还检查 event.target.value[0 ] 它会返回 undefined 并且会失败。 如果它应该始终是一个数组，请使用以下内容

const onImageChange = (e) => {
        if (Array.isArray(e.target.files) {
            let img = e.target.files[0];
            e.target.name === "profileImage" ? setprofileImage(img) : setcoverImage(img);
        }
};