Javascript react-dropzone上传器onSubmit方法中的道具访问

Javascript react-dropzone上传器onSubmit方法中的道具访问,javascript,reactjs,react-props,react-state,react-dropzone,Javascript,Reactjs,React Props,React State,React Dropzone,我正在使用上传文件。一切正常;除了我希望在单击submit按钮后更新父组件之外。我该怎么办 这是我使用的代码的一部分: export default () => { const handleSubmit = (files, allFiles) => { console.log('uploads files:', files, this) // There is no access to props here. } return ( <D

我正在使用上传文件。一切正常;除了我希望在单击submit按钮后更新父组件之外。我该怎么办

这是我使用的代码的一部分:


export default () => {

  const handleSubmit = (files, allFiles) => {
    console.log('uploads files:', files, this)
    // There is no access to props here.
  }

  return (
    <Dropzone
      getUploadParams={getUploadParams}
      onChangeStatus={handleChangeStatus}
      onSubmit={handleSubmit}
      accept="image/*,.pdf,.doc,.docx"
    />
  )
}

导出默认值()=>{
const handleSubmit=(文件,所有文件)=>{
console.log('上载文件:',文件,此)
//这里没有道具。
}
返回(
)
}

因为它是一个功能组件,您不需要
这个
,您可以从

导出默认值(道具)=>{
const handleSubmit=(文件,所有文件)=>{
console.log('上载文件:',文件)
//从props获取设置状态函数
props.setFiles(文件)
}
返回(
)
}
在父级中,您可以将此组件称为

。。。
const[files,setFiles]=useState(null)
...
返回(
删除文件
)

因为它是一个功能组件,您不需要
这个
,您可以从

导出默认值(道具)=>{
const handleSubmit=(文件,所有文件)=>{
console.log('上载文件:',文件)
//从props获取设置状态函数
props.setFiles(文件)
}
返回(
)
}
在父级中,您可以将此组件称为

。。。
const[files,setFiles]=useState(null)
...
返回(
删除文件
)

组件将从父级获取道具,作为函数调用的一部分
导出默认值(道具)=>{}
。您可以在handleSubmit()中使用相同的道具对象。您的组件将从父级获取道具,作为函数调用的一部分
导出默认值(道具)=>{}
。您可以在handleSubmit()中使用相同的道具对象