Files required in parent component are not accessible to child component
<p>I am working on React project from a while, I just got a small idea, when we are requiring a file in Parent component like below</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var something = require('../../utils/properties.js');</code></pre>
</div>
</div>
</p>

<p>why cant we access that in child component without requiring again, is there any way that we can do this or put all the requires in one file and access them across the project?</p>