Javascript es2015导入语法

Question

I'm looking to import a portion of a package. I have this code:

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>)
  }
}

Gives me this log output:

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

How would I import only a part of a package? I thought this syntax should work.

Answer 1

You have to explicitly export rather than using default export only. Something like

export function Newsitem ...

export function Newsitems...

or

export {
  Newsitem,
  Newsitems
}