reactjs - 使用 React.createClass 时，Typescript 提示属性在类型 'JSX.IntrinsicElements' 上不存在？

Question

我正在使用 typescript 编写 redux 应用程序。

var item = React.createClass({
  render: function() {
    return (<div>hello world</div>)
  }
});

export default class ItemList extends Component<any, any> {
    render() {
        return (<item />)
    }
}

然后 typescript 提示:

Property 'item' does not exist on type 'JSX.IntrinsicElements'.

Answer 1

您的组件必须以大写字母 I 而不是小写字母 i 开头，否则 TypeScript 会大喊大叫。将 item 更改为 Item 应该可以修复它:

var Item = React.createClass({
  render: function() {
    return (<div>hello world</div>)
  }
});

export default class ItemList extends Component<any, any> {
    render() {
        return (<Item />)
    }
}