reactjs - 在 dropzone-material-ui 中更改段落样式

Question

如何使用 makeStyles 更改 material-ui-dropzone 组件的样式？

我的 useStyle 是:

const useStyles = makeStyles(theme => ({
    DropzoneArea: {                
        fontWeight: 10,
        margin:0,
        padding:0                
    }
}

and in app.js i use this:

<DropzoneArea                                
    acceptedFiles={['image/*']}
    maxFileSize={10000000}
    filesLimit={1}                                                                                   
    dropzoneClass={classes.DropzoneArea}                        
/>

Answer 1

我不认为你可以用 makeStyles 来设计它。

最好的方法是从检查器中获取 p 元素的类名并为其设置样式。它对我有用。

.MuiDropzoneArea-text {        .....Your style here}

如果需要，用"!important"标记样式。