React组件在导入到另一个组件时没有返回预期的值

Question

我很难从一个单独的组件文件中获得boolean值，以便在我的主App.js文件中正确显示。

我创建了一个名为Component.js的单独文件，其中我定义了一个布尔变量名为"test"然后输出。在App.js中，我导入了变量并将其记录到控制台。但是，控制台显示的是整个Component函数定义，而不是boolean值。

这是我的App.js:

import React, { useState } from "react";
import "./App.css";
import test from './Component'
export default function App() {
console.log(test)
return (
<>
</>
)
}

这是我的Component.js

import React, { useState } from "react";
export const test = true;
export default function Component() {
}

Answer 1

已导入默认导出文件只导入测试模块

import React, { useState } from "react";
import "./App.css";
import { test } from './Component'
export default function App() {
console.log(test)
return (
<>
</>
)
}