我正在使用react-dropzone让用户上传头像。
我的自定义CSS定义如下:
const dropzoneStyle = {
width: `200px`,
height: `200px`,
backgroundColor: `#1DA1F2`,
};
在渲染DropZone输入的方法中,我可以检测用户选择要上传的图像后是否生成了文件预览。
我想做的是,如果file.preview存在,将file.preview发送到dropzoneStyle中,这样就可以向CSS添加背景图片。
const renderDropzoneInput = (field) => {
const files = field.input.value;
let dropzoneRef;
if (files[0]) {
console.log(files[0].preview)
}
return (
<div>
<Dropzone
name={field.name}
ref={(node) => { dropzoneRef = node; }}
accept="image/jpeg, image/png"
style={dropzoneStyle}
>
如何在React中将files[0].preview
传递给样式dropzoneStyle?
function
的style
属性无效,应该为object
。” - AnApprenticedropzoneStyle()
而不是dropsoneStyle
? - Joe Daltonspan:first-child { border-radius: 15px 0 0 15px }
? - program_bumble_bee