小编Man*_*ana的帖子

简单的问题。为什么这个有效：

const heroText = {
  height: 400,
  display: "flex",
  justifyContent: "center",
}

<Grid item sx={heroText}>Some text</Grid>

这会给你 Typescript 错误（“没有重载与此调用匹配。”）：

const heroText = {
  height: 400,
  display: "flex",
  justifyContent: "center",
  flexDirection: "column",
}

<Grid item sx={heroText}>Some text</Grid>

如果你不相信我只添加flexDirection: "column"会产生 Typescript 错误，你可以自己尝试一下。

我正在使用新的 MUI 5、React 和 Typescript。