reactjs 键入“{|CSS属性|}“不能赋给类型”Properties| React中的数字、字符串& {}>'

olhwl3o2 于 2022-12-18 发布在 React

关注(0)|答案(1)|浏览(120)

我有这个代码：

const linkStyle = {
 color: '#8954A8',
 fontWeight: 'bold',
 fontSize: 16,
 verticalAlign: '5%',
};

const IndexPage: React.FunctionComponent = () => {
 return (
    <>       
     <a style={linkStyle} href={`${link.url}?utm_source=starter&utm_medium=start-page&utm_campaign=minimal-starter`}>link </a>
    </>  
}

我得到这个问题：
类型“{颜色：字符串;字体粗细：字符串;字体大小：编号;垂直对齐：string; }“不能赋给类型”Properties|数字，字符串& {}〉'. ts（2322）索引.d.ts（1842，9）：所需类型来自此处在类型“DetailedHTMLAProps〈AnchorHTMLAttributes，HTMLAnchorElement〉”上声明的属性“style”
如何解决它，为什么是我的问题的原因？

reactjs

来源：https://stackoverflow.com/questions/69195076/type-cssproperties-is-not-assignable-to-type-propertiesstring-number

1条答案

按热度按时间

waxmsbnn1#

TypeScript的类型有点不匹配。您需要为样式对象添加CSSProperties接口。

import { CSSProperties } from "react";

const linkStyle: CSSProperties = {
  color: "#8954A8",
  fontWeight: "bold",
  fontSize: 16,
  verticalAlign: "5%"
};

工作样品：

赞(0）回复(0）举报 2022-12-18

我来回答

reactjs 键入“{|CSS属性|}“不能赋给类型”Properties| React中的数字、字符串& {}>'

1条答案

相关问题

热门标签

最新问答