如何包含带有react tsx导入的名称空间?

瑞安·比查姆(Ryan Bircham)

当我尝试导入组件'deleteButton'时,编译器声称该类不存在。

我尝试使用导出默认值,并在别名下导入它。

import React from 'react';
import deleteButton from './Components/deleteButton';

const App: React.FC = () => {
  return (
    <deleteButton/>

  );
}

export default App;
import React from 'react';
import { confirmAlert } from 'react-confirm-alert';
import 'react-confirm-alert/src/react-confirm-alert.css';

export default class deleteButton extends React.Component {
  submit = () => {
    confirmAlert({
      title: 'Confirm to delete',
      message: 'Are you sure to delete this file?.',
      buttons: [
        {
          label: 'Yes',
          onClick: () => alert('File deleted')
        },
        {
          label: 'No',
          onClick: () => alert('Canceled')
        }
      ]
    });
  };
  render() {
    return (<div className='container'>
      <button onClick={this.submit}>Delete</button>
    </div>);
  }
}

预期的输出应为HTML元素。编译器声称:属性“ deleteButton”在类型“ JSX.IntrinsicElements”上不存在。TS2339

多米诺987

您需要大写JSX-Elements,以便react可以区分自定义元素和内置元素(如span或div)。文件

如果将其写为小写,它将寻找一个本机元素,该元素不存在。因此,将名称更改为大写即可使用:

import DeleteButton from './Components/deleteButton';

希望这可以帮助。快乐的编码。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

带有子模块导入的名称空间

Resharper-如何导入所有缺少的名称空间?

如何使用其他名称空间中的对象以及如何在PHP中导入名称空间

导入模块名称的使用与导入模块的名称空间有何关系?

打字稿:不将所有类导入新的名称空间

对于旧版本的PHP,您如何建议不包含带有名称空间的代码

Typescript-如何导入与名称空间同名的声明函数

如何在iPython中从名称空间隐藏导入的模块?

如何在TypeScript中将名称空间与导入配合使用

如何在Razor视图页面中导入名称空间?

如何将PHPMailer导入使用名称空间的类中?

PHP:如何从导入的名称空间动态创建类?

如何在XQuery中导入公共模块名称空间

如何导入在index.d.ts中定义的名称空间

如何添加别名以在global.asax中导入名称空间

Python-如何从扩展名称空间导入父包

从ES6导入带有名称空间的旧JavaScript

正确的步骤/语法,将库导入带有名称空间的打字稿文件中

导入名称空间和子模块都有不利之处吗?例如import React,{Component} from ...

wsimport-导入的模式,没有名称空间==>包,名称为“ generated”

Typescript通配符将所有模块名称导入当前名称空间?

如何在带有Typescript的React上允许非声明性名称空间

如何处理具有相同名称空间的多个导入?

如何获得带有名称空间的属性?

如何选择带有名称空间的XML节点

Python将所有内容从多个文件模块导入到名称空间

具有Zeep的Python SOAP客户端-导入名称空间

如何在带有包裹的React中导入图像

如何在use语句中使PHPStorm自动导入名称空间?