我是 React 和 React 單元測驗的新手。我正在嘗試創建一個簡單的測驗并收到以下錯誤：“TypeError：無法讀取未定義的屬性（讀取'組件'）”這是我的代碼。
HelloWorld.js
import React from "react";
class HelloWorld extends Component {
render() {
return ( < h1 > My First ReactJS Core App! < /h1>);
}
}
export default HelloWorld測驗.js
import React from "react";
import {
HelloWorld
} from "../wwwroot/src/react/HelloWorld"
import {
render,
screen
} from "@testing-library/react";
describe("apptest", () => {
it("works", () => {
render( < HelloWorld / > );
screen.getByText("My First ReactJS Core App!");
});
});當我運行“npm test”時，我得到以下資訊：
我究竟做錯了什么？
uj5u.com熱心網友回復：
當我看到您的代碼時，您沒有Component匯入，但錯誤訊息顯示React.Component. 您的原始代碼是否與您附加的代碼匹配？
如果是，請嘗試添加以下匯入。
import React, {Component} from 'react'
uj5u.com熱心網友回復：
檢查這個
import React, { Component } from "react";
class Temp extends Component {
render() {
return <h1> My First ReactJS Core App! </h1>;
}
}
export default Temp;
import { render, screen } from "@testing-library/react";
import Temp from "./Temp";
describe("apptest", () => {
it("works", () => {
render(<Temp />);
screen.getByText("My First ReactJS Core App!");
});
});
uj5u.com熱心網友回復：
我在 .jsx 檔案中有我的原始代碼。代碼被轉換為我在測驗中參考的 .js 檔案。同樣，我對轉譯知之甚少，但是當我創建一個新的 js 檔案并將其匯入時，測驗通過了。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/495263.html