title: React Native: Imports with Class Hierarchy
body: <p>In <code>react-native</code>, if one has a class hierarchy of a <code>Child</code> who extends the <code>Parent</code>, why does the <code>child</code> not inherit the <code>parent</code>'s imports?</p>
  
  <p>Example:</p>
  
  <p>Parent Class:</p>
  
  <pre><code>import React from 'react';
  import { StyleSheet, View, Alert } from 'react-native';
  
  export default class ParentClass extends React.Component {
  
  }
  </code></pre>
  
  <p>Child Class:</p>
  
  <pre><code>import ParentClass from '../screens/parentclass.js'
  export default class ChildClass extends ParentClass {
  
  }
  </code></pre>
  
  <p>The <code>child</code> class must re-import <code>Stylesheet, View, and Alert</code> in order for them to be usable.</p>
  
  <p>Why does this occur? Is there any way to make the <code>child</code> and <code>parent</code> classes only have to import a module once?</p>