tsx 组件中使用 this.props.xxx 时，tslint 会报错

[nigelvon]

问题描述
使用Typescript的tsx开发，组件中使用任何除了children的属性时，tslint都会报错。

export default class Test extends Component {
  static defaultProps = {
    xxx: '',
  }
  render() {
    return <View>{this.props.xxx}</View>
  }
}

现在解决办法是

const { xxx } = this.props as any
return <View>{xxx}</View>

期望行为
期望tslint能不报错

报错信息
[ts] 类型“Readonly<{}> & Readonly<{ children?: any; }>”上不存在属性“xxx”。

系统信息
Taro CLI 1.2.9 environment info:
System:
OS: macOS 10.14.2
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 10.13.0 - /usr/local/bin/node
Yarn: 1.9.4 - /usr/local/bin/yarn
npm: 6.7.0 - /usr/local/bin/npm
npmGlobalPackages:
typescript: 3.0.1

补充信息
看了一下源码，props里只有children属性

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[yuche]

这个你得自己写泛型，可以参考一下：
https://github.com/NervJS/taro-v2ex

[taro-bot]

Hello~

您的问题楼上已经有了确切的回答，如果没有更多的问题这个 issue 将在 15 天后被自动关闭。

如果您在这 15 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~