從 '.' 導入 {} 是什么意思做？

Question

我正在查看一個庫的一些源代碼，我看到了這個導入

import {SheetsRegistry, JssProvider, withStyles} from '.'

這是做什么的？ 它如何from '.'導入 ？

Answer 1

您共享的代碼從同一目錄中的index.js導入這些聲明。

索引.js：

// @flow
import withStyles from './withStyles'

export {ThemeProvider, withTheme, createTheming, useTheme} from 'theming'
export {default as createUseStyles} from './createUseStyles'
export {default as JssProvider} from './JssProvider'
export {default as jss} from './jss'
export {SheetsRegistry, createGenerateId} from 'jss'
export {default as JssContext} from './JssContext'
export {default as styled} from './styled'
export {default as jsx, create as createJsx} from './jsx'
export {withStyles}

// Kept for backwards compatibility.
export default withStyles

在此示例中， index.js用於重新導出src目錄中的一些聲明。 這種模式使移動聲明變得更容易，而不必重寫許多導入。

Answer 2

******命名導出和默認導出的區別。******

1-命名出口

Constant.js中的導出函數、常量、變量...等

export const CREATE = 'CREATE';
export const DELETE = 'DELETE';

在index.js中這樣導入

import {CREATE,DELETE} from './Constants';

2-默認導出

在Constant.js中導出

const update = ()=> 'UPDATE'
export default update();

並在 index.js 中像這樣導入

import UPDATE from './Constants';