如何导入功能组件？

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';

或

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

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

每个文件中不应该有超过一条export default语句。

您可以在每个文件中包含任意数量的export语句。

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

你能提供这些错误吗？

Answer 2

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

它应该是这样的：

export default function PersonalForm (props) {