了解从目录导入模块的 React.js 导入语句

Question

我只是在浏览 react-beautiful-dnd ，并遇到了一个板拖放的示例，可以看到其工作原理HERE。当我检查源代码HERE.

在文件的开头可以看到以下导入语句：

// @flow
import React, { Component } from 'react';
import styled, { injectGlobal } from 'styled-components';
import { action } from '@storybook/addon-actions';
import Column from './column';
import { colors } from '../constants';
import reorder, { reorderQuoteMap } from '../reorder';
import { DragDropContext, Droppable } from '../../../src';
import type {
  DropResult,
  DragStart,
  DraggableLocation,
  DroppableProvided,
} from '../../../src';
import type { QuoteMap } from '../types';

我不太能理解语句import { DragDropContext, Droppable } from '../../../src';，这个语句到底在做什么，因为我从导入的路径中看不到src.js文件，所以这行代码到底发生了什么?

Answer 1

如果您在导入路径中插入目录，则默认为index.[supported extensions]