如何在React中检测<input type="file"/>上的空选择？

import React, { useState } from 'react';

function FileInput() {
  const [selectedFile, setSelectedFile] = useState(null);

  const handleFileChange = (event) => {
    const file = event.target.files[0];
    setSelectedFile(file);

    if (file && file.name) {
      // 文件对象不为空，执行相应操作
      console.log('文件名:', file.name);
    } else {
      // 文件对象为空，执行相应操作
      console.log('请选择文件');
    }
  };

  return (
    <div>
      <input type="file" onChange={handleFileChange} />
    </div>
  );
}

export default FileInput;