Javascript react-dropzone上传器onSubmit方法中的道具访问
我正在使用上传文件。一切正常;除了我希望在单击submit按钮后更新父组件之外。我该怎么办 这是我使用的代码的一部分: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
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()中使用相同的道具对象