我正在尝试为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中,我得到以下效果:
这是一个在ReferenceArrayInput上带有withStyles的codeandbox:https://codesandbox.io/s/1oj3j8yj0j-请单击帖子,然后尝试添加尽可能多的标签以查看效果
修改 我最近在这里打开了一个问题:https://github.com/marmelab/react-admin/issues/2478