title: ReactJS Load Picture from Project, doesnt work somehow
body: <p>i got a simple problem which i cant resolve,
  i got an "array" which contains and "array" where i want to display the first Picture,</p>
  
  <p>heres the code:</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>                        {Skills.map((item, index) =&gt; 
                              &lt;Window key={index} className="col-md-3 m-2 "&gt;
                                  &lt;CardFrame className="cardFrame-max cardFrame-size-md"&gt;
                                      &lt;div className="row justify-items-center"&gt;
                                          &lt;div className="col-8 offset-2"&gt;
                                              &lt;p className="battle-shonen-color"&gt;{"Skill Name: " + item.name}&lt;/p&gt;
                                              &lt;img src={require('../../' + item.effects[0].icon)}&gt;&lt;/img&gt;
                                              &lt;p className="battle-shonen-color"&gt;{"Skill Shortcode: " + item.shortcode}&lt;/p&gt;
                                              &lt;p className="battle-shonen-color"&gt;{"Skill Description: " + item.quote}&lt;/p&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/CardFrame&gt; 
                              &lt;/Window&gt;
                          )}</code></pre>
  </div>
  </div>
  </p>
  
  <p>its at the  tag where it shows me the error: 
  "Error: Cannot find module './resources/img/icon/effects/Damage.png'" , </p>
  
  <p>so it does load the string saved in the array but doesnt add '../../' infront </p>