元素类型无效：应为字符串（对于内置组件）或类/函数（对于复合组件）但得到：object。abcd

Question

尝试从 ExpenseItem.js 获取 function ExpenseItem() 到 App.js 时出现错误这是我的代码

文件 ExpenseItem.js

function ExpenseItem() {
    return <h2>Expense item!</h2>;
}
export default ExpenseItem();

这是 app.js

import ExpenseItem from "./components/ExpenseItem.js";
function App() {
  return (
    <div> 
      <h2>hello world! </h2>
      <ExpenseItem></ExpenseItem>
    </div>
  );
}
export default App;

我预计有 2 行：“你好世界！” 和“费用项目”，但没有显示

Answer 1

您似乎在导出中调用 function。

将ExpenseItem文件更改为：

function ExpenseItem() {
    return <h2>Expense item!</h2>;
}
export default ExpenseItem; // Don't call the function here