Typescript React.ComponentProps 没有获取道具

Question

\n

boxProp中没有找到props。

\n

库版本：

\n

\xe2\x94\x9c\xe2\x94\x80 反应@16.13.1

\n

\xe2\x94\x94\xe2\x94\x80 样式组件@5.2.1

\n

编辑： https: //codesandbox.io/s/jovial-germain-qunlz

\n

Answer 1

这是行不通的，因为你实际上并没有将任何 props 传递给你的Box组件，第一行所做的只是注释你的Box组件可以使用哪些 props - 所以 React 没有使用该ComponentProps方法时提取哪些 props 的上下文。

由于您自己注释了 prop 类型，因此一个简单的解决方法是执行以下操作：

type BoxProps = { boxProp: boolean }

const Box = styled('div')<BoxProps>

const MyBox: React.FC<BoxProps> = ({ boxProp }) => {
  return (
    <Box boxProp={boxProp} />
  )
}

让我知道是否有帮助！