javascript - 将一个组件渲染到另一个组件中

Question

我有 Test 组件，我想在 ShowTest 中使用它

import React from "react";

export default class Test extends React.Component{
    render() {
        return (
            <div>hi test</div>

        );

    }
}

我将 Test 渲染为 ShowTest，如下所示

import {Test} from "./test";
import React from "react";
export default class ShowTest extends React.Component{
    render() {
        return (
            <div>
            <Test />
            </div>

        );

    }
}

然后我在另一个组件中使用 ShowTest。
但我收到此错误

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined  

无法弄清楚为什么会发生这种情况。

Answer 1

您导入 Test 组件的语法似乎是错误的。

由于您已默认导出 Test，因此在 ShowTest 中导入它时不需要用大括号括起来。

import {Test} from "./test"; 

应该是

import Test from "./test";