无法识别本地组件

Question

我正在尝试使用挂钩，而仅使用功能组件。在以下情况下，当我使用同一组件时，我无法识别它在同一页面上的本地组件：

import React from "react";

const LocalComp = () => {
  return <div>test<div/>;
}; 

const MianComp = () => { 
  return (
    <div>
     <LocalComp />
    </div>
  );
};

export default MianComp ;

当我以前在基于类的组件中使用它时，它可以工作，但是现在可以在同一页面中处理它吗？还是我必须将本地分离并导入它？