reactjs - 传递给函数的样式属性的类型

标签 reactjs typescript

请考虑这个 typescript 功能

 function button(style: any, func: ()=>void, img: string) {
    return (
      <button
        className="Reader_Button"
        style={style}
        onClick={func}
      >
        <img src={img} alt="" />
        Back
      </button>
    );
  }

第一个参数 style 的正确类型是什么?我觉得它应该是 HTMLElementStyle 之类的东西,但我找不到合适的咒语。

抱歉,我不够清楚。我想知道用什么类型来替换 style: any 中的“any”。 typescript 定义负责检查提供的对象成员的类型。

我说的是函数的定义,而不是应用程序。

最佳答案

类型是React.CSSProperties .您可以通过编写 <div style={{}}> 在 VSCode 中找到它当光标位于 style 时按 F12属性。

关于reactjs - 传递给函数的样式属性的类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45019775/

相关文章:

css - 标记错误 : React JSX Style Tag Error on Render

typescript - 在 WebStorm 2018 中启动 TypeScript 语言服务时出错

javascript - React From Service 中的条件语句

angular - 如何在 Angular2 中处理多个查询参数

javascript - 类型错误 : Cannot read property 'TigerNo' of undefined tempObj ['TigerNo' ] = this. getDefault(sportsRecord).TigerNo

reactjs - 将 native react 项目上传到 github 存储库的正确过程是什么?

javascript - 如何在没有 JSX 的情况下在 React.js 中呈现 html 实体

javascript - (React) 密码输入字段一次显示一个字母

reactjs - 为什么 gatsby-plugin-image 缺少图像 Prop ?

javascript - Renderer2 在 angular7 中继承时不工作