Как экспортировать функцию?

В React, любой модуль может экспортировать функцию при помощи ключевого слова export.

Для экспорта функции из модуля, вы можете использовать ключевое слово export перед объявлением функции. Например:

export function myFunction() {
  // код функции
}

Теперь, когда вы экспортировали функцию myFunction, вы можете импортировать ее в другом модуле и использовать ее:

import { myFunction } from './myModule';

myFunction(); // вызов экспортированной функции

Второй вариант экспорта функции - использовать ключевое слово export перед объявлением функции, в виде экспорта по умолчанию. Например:

export default function myFunction() {
  // код функции
}

Теперь, когда вы экспортировали функцию myFunction по умолчанию, вы можете импортировать ее в другом модуле без фигурных скобок:

import myFunction from './myModule';

myFunction(); // вызов экспортированной функции

Также, можно экспортировать несколько функций из модуля используя объявление через запятую. Например:

export function myFunction1() {
  // код функции 1
}

export function myFunction2() {
  // код функции 2
}

Теперь, чтобы использовать экспортированные функции myFunction1 и myFunction2, вы можете импортировать их таким образом:

import { myFunction1, myFunction2 } from './myModule';

myFunction1(); // вызов экспортированной функции 1
myFunction2(); // вызов экспортированной функции 2

Таким образом, вы можете экспортировать функции из модуля в React при помощи ключевого слова export и использовать их в других модулях, импортируя их по имени.