如何为 React JSX 编写定义文件

Posted

技术标签:

【中文标题】如何为 React JSX 编写定义文件【英文标题】:How to write Definition File for React JSX 【发布时间】:2017-07-21 17:34:49 【问题描述】:

我想为 Summernote.jsx 编写一个自定义定义文件,这样我就不会得到 react-summernote 模块未找到

我写过

declare var ReactSummernote: JSX.ElementClass;

declare module "react-summernote" 

    export default ReactSummernote;

并将其导入为

import ReactSummernote from 'react-summernote';

但出现错误提示

"JSX element type 'ReactSummernote' does not have any construct or call signatures"
on
<ReactSummernote />

下面是链接

Summernote.JSX

【问题讨论】:

【参考方案1】:

您可以将模块声明为:

declare module "react-summernote";

或者更具体地说:

declare module "react-summernote" 
    import * as React from "react";
    let ReactSummernote: React.ComponentClass<any>;
    export default ReactSummernote;

【讨论】:

以上是关于如何为 React JSX 编写定义文件的主要内容,如果未能解决你的问题,请参考以下文章

如何为状态数组中的每个项目添加 React JSX?

如何为DefiniteTyped 编写React Native 库的测试?

如何为 TypeScript 定义文件导入文件

如何为 react-native 本机 ui 组件创建打字稿类型定义?

如何使用 React (JSX) 编写 else if 结构 - 三元的表达力不够

如何为导出函数的节点模块编写打字稿定义文件?