如何在ReferenceArrayInput中设置maxWidth

时间:2018-10-21 12:39:06

标签: react-admin

我正在尝试为ReferenceArrayInput设置最大长度

我意识到不推荐使用elStyle和style,所以我尝试使用withStyles传递样式而没有任何结果

import { withStyles } from '@material-ui/core/styles';
const styles = {
    maxInputSize: {  
        maxWidth: 600,
        width: 600,
    },
};

const MaxWidthReferenceArrayInput =  withStyles(styles)(
    ({ classes, ...props }) => 
    <ReferenceArrayInput label="Tasks" source="tasks" reference="tasks" 
        allowEmpty={true} className={classes.maxInputSize} {...props}>
        <AutocompleteArrayInput optionText="alias" className={classes.maxInputSize}
            options={{ allowDuplicates:false}}/>
    </ReferenceArrayInput>
);

在此处的演示中:https://github.com/TeamWertarbyte/material-ui-chip-input,宽度似乎并没有不断扩大。在react-admin中,我得到以下效果: enter image description here

这是一个在ReferenceArrayInput上带有withStyles的codeandbox:https://codesandbox.io/s/1oj3j8yj0j-请单击帖子,然后尝试添加尽可能多的标签以查看效果

修改 我最近在这里打开了一个问题:https://github.com/marmelab/react-admin/issues/2478

0 个答案:

没有答案