Reactjs 为什么默认导出的组件在React JS中没有给出undef错误？

我是React的初学者，所以我努力掌握这门语言。但我在编译代码时遇到以下错误

下面是我的个人和应用程序组件的代码

人员组成部分：

import React from 'react';

const person = () => {
    return <p>I'm a person</p>;
}

export default Person;

import React, { Component } from 'react';
import './App.css';
import Person from './Person/Person';

class App extends Component {
  render() {
    return (
      <div className="App">
        <h1>I'm a React App</h1>
        <Person/>
      </div>
    );
  }
}

export default App;

从“React”导入React；
const person=（）=>{
返回我是一个人
；
}
出口违约人；

应用程序组件：

import React from 'react';

const person = () => {
    return <p>I'm a person</p>;
}

export default Person;

import React, { Component } from 'react';
import './App.css';
import Person from './Person/Person';

class App extends Component {
  render() {
    return (
      <div className="App">
        <h1>I'm a React App</h1>
        <Person/>
      </div>
    );
  }
}

export default App;

import React，{Component}来自'React'；
导入“/App.css”；
从“./人/人”导入人；
类应用程序扩展组件{
render（）{
返回(
我是一个应用程序
);
}
}
导出默认应用程序；

谢谢，我会修好的。对于更改Person组件中函数的名称，我有一个疑问。如果我们像下面这样更改Person组件代码并希望在应用程序组件中使用它。我们能做到吗？如果是的话，怎么办？从“React”导入React；export const test=（）=>{return我是个人

；}当您编写const MyComponent=（）=>{…}时，组件的名称是MyComponent。因此，这是您必须导出的对象（当您导出默认的MyCy组件）时，您可以在其他地方使用它，如果我帮助过，您能考虑将这个答案标记为“接受”吗？谢谢，我会马上做的。要做这件事，你必须点击检查图标，说“如果解决了我的问题，就接受这个答案”。如果你有其他问题，我很乐意帮助你！