当我尝试导入组件'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
您需要大写JSX-Elements,以便react可以区分自定义元素和内置元素(如span或div)。文件
如果将其写为小写,它将寻找一个本机元素,该元素不存在。因此,将名称更改为大写即可使用:
import DeleteButton from './Components/deleteButton';
希望这可以帮助。快乐的编码。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句