Javascript es2015导入语法

Question

我正在寻找一部分包装。 我有以下代码：

import N, { Newsitem } from '../../newsitems/src/index'
class Home extends React.Component {
  render () {
    console.log('+++ N:', N )
    console.log('+++ Newsitem:', Newsitem)
    return (
      <div>
        <Row>
          <Col xs={12}>
            <h1>Home...</h1>
          </Col>
        </Row>
        <N.Newsitem />
      </div>)
  }
}

给我这个日志输出：

+++ N: { Newsitem: [Function: Newsitem],
  Newsitems: [Function: Newsitems] }
+++ Newsitem: undefined

我如何只导入包装的一部分？ 我认为这种语法应该有效。

Answer 1

您必须显式导出而不是仅使用默认导出。 就像是

export function Newsitem ...

export function Newsitems...

要么

export {
  Newsitem,
  Newsitems
}