экспорт по умолчанию что-то () значение

Question

Я проходил Реагировать с навигационными документами , и я столкнулся с чем-то вроде этого:

import Ionicons from 'react-native-vector-icons/Ionicons';
import { createBottomTabNavigator } from 'react-navigation';

export default createBottomTabNavigator(
  {

Теперь я не могу понять, что делает эта строка:

export default createBottomTabNavigator(

Я имею в виду, что это определенно что-то экспортирует, но это функция?

Если да, то не должно ли это быть:

export default function createBottomTabNavigator(

или согласно ES6 что-то вроде этого:

export default function createBottomTabNavigator = () =>{

Answer 1

Ответ, данный Крисом Г., является правильным.Я также хотел бы добавить, что существует разница между двумя способами экспорта переменных или функций по умолчанию при экспорте и экспорте.

Представьте, что у вас есть переменная в файле const myVar = 'someValue'; Если вы экспортируете ее из файла только с экспортом export { myVar }, вам придется импортировать ее в файл, где вы хотите использовать свою переменную функции, например: import { myVar } from 'name-of-your-module';

В другом случае, когда вы экспортируете его со значением по умолчанию export default myVar, вы можете импортировать его без {} - например: import myVar from 'name-of-your-module'

Экспорт по умолчанию служит для экспорта одного значения илииметь запасное значение для нашего модуля.

Answer 2

Код эквивалентен

const MyBottomTabNavigator = createBottomTabNavigator( { /* ... */ });
export default MyBottomTabNavigator;

Функция вызывается, объект возвращается.Объект экспортируется и используется в другом месте.

Редактировать: Пример кода в том же духе:

const rootOf2 = Math.sqrt(2.0);
export default rootOf2;