Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在React JS中使用函数内部的函数_Javascript_Reactjs - Fatal编程技术网

Javascript 如何在React JS中使用函数内部的函数

Javascript 如何在React JS中使用函数内部的函数,javascript,reactjs,Javascript,Reactjs,如何在React JS中的函数中使用我的函数?代码如下: function MyForm(props, ref) { fileSelectedHandler = event => { console.log(event); } return ( <div> <label htmlFor="file-icon">Upload icon</label> <input type=&qu

如何在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>
)}
函数MyForm(道具,参考){
fileSelectedHandler=event=>{
console.log(事件);
}
返回(
上传图标
)}

尝试改用
onChange={fileSelectedHandler}

在使用功能组件时,与基于类的组件不同,您实际上不需要将
this
放在组件中以引用组件中声明的函数