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
}