Блог

Привет, коллеги-программисты,

Я пытаюсь понять, как я могу импортировать свой функциональный компонент в другой компонент (в 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 , потому что, когда я пытался добавить, это выдавало ошибки.

Вы можете сделать

 // 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 операторов, сколько вы хотите.

Он не содержит экспорта по умолчанию, потому что, когда я пытался добавить это, он выдавал ошибки.

Не могли бы вы указать эти ошибки?

Могу ли я узнать, какую ошибку он выдал после использования экспорта по умолчанию?

Это должно быть что-то вроде :

 export default function PersonalForm (props) {