Question

我正在尝试将我的组件转换为TypeScript。我可以为render指定什么类型，返回HTML？

class Component extends React.Component {
    render() {
        return (
            <div>
                ...some HTML...
            </div>
        );       
    }
}

Answer 1

我可以为render指定任何类型，返回HTML吗？

render不会返回HTML（这将是一个字符串）。来自the documentation：

调用时，应检查this.props和this.state并返回单个React元素。此元素可以是本机DOM组件的表示形式，例如<div />，也可以是您自己定义的其他复合组件。

您还可以返回null或false表示您不想要呈现任何内容。返回null或false时，ReactDOM.findDOMNode(this)将返回null。

是的，any是一种选择。或者ReactElement|boolean。（也就是说，虽然它没有记录，但React似乎按照undefined和null的方式处理false返回...）

与TypeScript反应：render（）的类型是什么？

1 个答案: