javascript - 如何使用 Typescript 检查 React 中基于类的组件的返回值

标签 javascript reactjs typescript

例如,我有这个Hook组件:

const Color = ():JSX.Element => <div>Red</div>

但是出于好奇,我如何将其转换为基于 Class 的组件?

我知道我可以像这样拥有 PropsState

class Color extends React.Component<Props, State>{
   render(){ <div>Red</div>}
}

是否可以检查基于Class的组件中的返回值JSX.Element

最佳答案

您可以访问 render 的类型方法 Color像这样的类组件:Color["render"] 。您可以使用内置实用程序类型 ReturnType<T extends (...args: any) => any> 捕获返回类型。 。 Here's the full code in a TypeScript playground .

关于javascript - 如何使用 Typescript 检查 React 中基于类的组件的返回值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59699856/

相关文章:

javascript - "Make this page your Startpage"脚本(JavaScript)

javascript - 为什么我必须一般指定任何 HTTP 状态代码?它有什么好处?

javascript - 如何正确加载图片路径?

reactjs - 如何使用Redux Toolkit(带有TypeScript)解决 'Property '类型中缺少 'AsyncThunkAction'类型的问题?

javascript - TypeScript 和 Socket.io

javascript - 如何通过从关联数组中选取项目来绑定(bind)基于第一个下拉选择的第二个下拉列表?

javascript - 为什么这个函数 setFormData({ ...formData, [e.target.name] : e. target.value}); 中包含这些括号?

reactjs - NextJS 13 root.layout 在底部渲染 NavBar。有没有办法一致地将导航栏渲染在顶部?

node.js - 使用 Dialogflow Conv.Data 或 Conv.User.Storage 的简单计数器

javascript - 你能选择用 Babel 转译哪些 ES6 特性吗?