我如何在 React JS 的函数中使用我的函数

Question

如何在 React JS 的函数中使用我的函数？代码如下：

function MyForm(props, ref) {

   fileSelectedHandler = event => {
      console.log(event);
   }

return (

  <div>
    <label htmlFor="file-icon">Upload icon</label>
    <input type="file" id="file-icon" onChange={this.fileSelectedHandler}/>
  </div>
)}

Answer 1

尝试改用onChange={fileSelectedHandler}。

在使用函数式组件时，与基于类的组件不同，您实际上不需要使用this 来引用组件内声明的函数。