title: What is the rule of import with curly braces in React / Redux?
body: <p>I thought the line:</p>
  
  <pre><code>import { FETCH_WEATHER } from "../actions/index";
  </code></pre>
  
  <p>means: we don't import the whole object, but import the <code>obj.FETCH_WEATHER</code> from the file <code>../actions/index.js</code></p>
  
  <p>One example is, we use</p>
  
  <pre><code>import React, { Component } from "react";
  </code></pre>
  
  <p>And it is like, we import from <code>"react"</code>, let's call it here as <code>obj</code>, and name it <code>React</code> in our own file, and <code>obj.Component</code>, we name it as <code>Component</code> in our own file.</p>
  
  <p>(1) is that true?</p>
  
  <p>(2) in the file <code>../actions/index.js</code>, the content is actually:</p>
  
  <pre><code>export const FETCH_WEATHER = "FETCH_WEATHER";
  </code></pre>
  
  <p>so there is no object, and no key / value pair to speak of. So what does <code>import { FETCH_WEATHER }</code> mean?</p>