Reactjs React Hooks-控制台日志不显示任何内容

Reactjs React Hooks-控制台日志不显示任何内容,reactjs,Reactjs,在下面的代码中,我希望在选择文件后在控制台中看到image对象。但它没有记录任何东西。也没有错误 import React, { useState } from 'react'; const ImageUpload = () => { const [image, setImage] = useState(null); const handleChange = (e) => { if (e.target.files[0]) { setImage(e.ta

在下面的代码中,我希望在选择文件后在控制台中看到image对象。但它没有记录任何东西。也没有错误

import React, { useState } from 'react';

const ImageUpload = () => {
  const [image, setImage] = useState(null);

  const handleChange = (e) => {
    if (e.target.files[0]) {
      setImage(e.target.files[0]);
      };
    };

  console.log(image);

  return (
    <>
      <input type='file' onChange={(e) => handleChange} />
    </>
  );
};

export default ImageUpload;
我做错了什么?

问题在于:

(e) => handleChange
您没有调用handleChange函数

改为:

(e) => handleChange(e)

直接传递函数,无需创建内联函数

<input type='file' onChange={handleChange} />
是};使用后,请说明输入错误?