小编Has*_*alp的帖子

我们如何在 Material-UI Grid 项目之间添加边距（空白）？

容器的间距属性仅在项目上添加填充。

import React from "react";
import ReactDOM from "react-dom";
import { Grid } from "@material-ui/core";
import { makeStyles } from "@material-ui/core/styles";

const useStyles = makeStyles({
  root: {
    backgroundColor: "red"
  },
  root2: {
    backgroundColor: "green"
  }
});

function App() {
  const classes = useStyles();
  return (
    <Grid container spacing={2}>
      <Grid item xs={6} className={classes.root}>
        hi
      </Grid>
      <Grid item xs={6} className={classes.root2}>
        hi
      </Grid>
    </Grid>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

我第一次将工具提示的 Enterdelay 设置为 1000，并用鼠标进入我的树视图，这是我第一次看到延迟。但在下一步移动到下一个树项时没有任何延迟。它立即显示（弹出）。

我使用的是 4.8.3 版本。请问有什么解决办法吗？

我有一个CheckboxGroupInput这样的字段：

   <CheckboxGroupInput source="fruits" choices={[
        { 'name': 'apples' },
        { 'name': 'pears' }
    ]} optionValue='name'/>

fruits当用户选择这两个选项时，它会为字段生成如下所示的 json ：

  'fruits': ['apples','pears']

我想在Listusing中显示它ChipField，而source我没有，因为 json 是一个纯字符串数组。

如果 json 看起来像这样，源将是“名称”fruits:[{'name':'apples'}, {'name':'pears'}]

           <ArrayField source='fruits'>
                <SingleFieldList>
                    <ChipField source='???' />  
                </SingleFieldList>
            </ArrayField>

如何使用ChipField OR显示纯字符串数组的内容，或者如何告诉CheckboxGroupInput生成对象数组而不是字符串数组？