Я загружаю одно изображение из profile.js
и сохраняю его в redux. Затем я хочу показать это в pdfGenerator.js
.
Как это сделать?
"react": "^16.13.1", "redux": "^4.0.5", "material-ui-dropzone": "^3.3.0",
Ниже вы найдете то, что я пытался сделать :
<DropzoneDialog
acceptedFiles={['image/*']}
cancelButtonText={"cancel"}
submitButtonText={"UpLoad Your Photo"}
maxFileSize={5000000}
filesLimit={1}
open={open}
onClose={() => setOpen(false)}
onSave={(files) => {
console.log('Files:', files);
dispatch(addInputValue({
value:[files[0] , profileImg],
path: 'Photo Url',
tab : 'profile'
}))
setOpen(false);
}}
showPreviews={true}
showFileNamesInPreview={true}
/>
Вот и профиль. js:
const PdfGenerate = () => {
const [imgLink , setImgLink ] = useState()
const state = useSelector(state => state)
const everyItems = Object.keys(info)
var mainData = {}
everyItems.map((item , index) => {
Object.assign(mainData, {[everyItems[index]] : {...state[item].items}});
})
return (
<Container maxWidth="sm" >
<Grid container spacing={3}>
<Grid item xs={6}>
<img src={imgLink} style={{width: 150 , height:150 , border: '1px solid'}} />
</Grid>
</Grid>
</Container>