reactjs 属性上的类型错误,尝试发送布尔类型

eblbsuwk  于 2022-11-22  发布在  React
关注(0)|答案(1)|浏览(124)

我做了这个组件

import * as Styled from './styles';

export type HeadingProps = {
  children: React.ReactNode | string;
  colorDark: boolean;
};

export const Heading = ({ children, colorDark }: HeadingProps) => {
  return <Styled.Wrapper colorDark={colorDark}>{children}</Styled.Wrapper>;
};

但属性colorDark给出错误

The type '{ children: ReactNode; colorDark: boolean; }' cannot be assigned to type 'IntrinsicAttributes &

有人知道我怎么解决这个问题吗?

5kgi1eie

5kgi1eie1#

它的一个div导出常量Wrapper = styled.h1 ``;
显然,您缺少 styled 组件的类型。

export const Wrapper = styled.h1<{ colorDark: boolean }>`
   ...
`;

相关问题