Taro 3 是否可以支持下 babel-plugin-react-css-modules 提供组件 styleName 属性的 TypeScript 类型呢？

[Junyan]

这个特性解决了什么问题？

在普通的 react 项目中配置了 babel-plugin-react-css-modules ，可以通过 @types/react-css-modules 来增加标签元素的 styleName 属性的 TypeScript 类型。

目前情况：

<View styleName="app"'></View>

// 目前 eslint 提示
不能将类型“{ children: Element[]; styleName: string; }”分配给类型“IntrinsicAttributes & ViewProps & { children?: ReactNode; }”。
  类型“IntrinsicAttributes & ViewProps & { children?: ReactNode; }”上不存在属性“styleName”。

@types/react-css-modules 实现：

declare module 'react' {
    interface HTMLAttributes<T> {
        styleName?: string;
    }
    interface SVGAttributes<T> {
        styleName?: string;
    }
}

这个 API 长什么样？

支持各个小程序组件的 styleName 类型。

[Junyan]

目前通过以下方法增加类型解决了。

declare namespace JSX {
    interface IntrinsicAttributes {
      styleName?: string;
    }
}

就是不知其它使用者知不知道使用该方法增加类型。

[zousandian]

在 global.d.ts 添加

declare module 'react' {
  interface Attributes {
    styleName?: string;
  }
}

[343512292]

@Junyan 感谢