擁有這個 React 組件：
import { Meta } from '@storybook/react';
export function MyExample() {
return (
<div>my example</div>
);
}
export default {
component: MyExample,
title: 'MyExample'
} as Meta;
我想為它撰寫一些單元測驗，所以這是方法：
import { render } from '@testing-library/react';
import MyExample from './MyExample.stories';
describe('MyExample', () => {
it('should render MyExample successfully', () => {
const { baseElement } = render(<MyExample />);
expect(baseElement).toBeTruthy();
});
});
但是，它有一個錯誤。渲染的引數下會出現一條紅線，說明：
JSX 元素型別“MyExample”沒有任何構造或呼叫簽名
任何想法如何解決這一問題？我提到它是用 Typescript 完成的。
uj5u.com熱心網友回復：
MyExample 在您的代碼中未匯出為默認值。
因此，您需要將匯入陳述句更改為：
import { MyExample } from './MyExample.stories'
// ...
您可能希望使用 eslint 插件import和規則import/no-named-as-default來防止將來出現此類錯誤。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/359811.html
標籤：javascript 反应 打字稿 单元测试 反应测试库