如何导入功能组件？

Question

各位程序员，

我正在为如何将功能组件导入另一个组件（确切地说是在ReservationForm.js中）而苦苦挣扎。

我以常规方式尝试过，但是似乎没有用。

* import PersonalForm from './PersonalForm'

也许我以错误的方式对其进行了编码，这使得我在导入功能时无法对功能进行“标记”。

这是我的代码：

import React, { useState } from 'react';
import Card from "../UI/Card";

const PersonalForm = React.memo(props => {
   some form
})

它不包含export default，因为当我尝试添加时它给出了错误。

Answer 1

你可以做

// PersonalForm.js
const PersonalForm = ...;
export PersonalForm;

// otherModule.js
import { PersonalForm } from './PersonalForm';

OR

// PersonalForm.js
const PersonalForm = ...;
export default PersonalForm;

// otherModule.js
import PersonalForm from './PersonalForm';

每个文件中最多只能有一个export default语句。
每个文件中可以有任意数量的export条语句。

它不包含导出默认值，因为当我尝试添加时，它给出了错误。

您能提供这些错误吗？

Answer 2

我可以知道使用导出默认值后出现了什么错误吗？

应该是这样的：

export default function PersonalForm (props) {