title: How can i display errors in react ; i am getting the array errors from redux?
body: <p>this my redux array that i get from a backend node js api</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-html lang-html prettyprint-override"><code>errors:
  errors: Array(1)
  0: {location: "body", param: "name", value: "mamadou bah transfert", msg: "ce nom est déja utilisé"}
  length: 1</code></pre>
  </div>
  </div>
  </p>
  
  <p>And in React Iam triying to show the errors like this</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-html lang-html prettyprint-override"><code>&lt;div class="col m12"&gt;
    {this.props.offices.errors.errors?
    &lt;span className="center-align red-text"&gt;
     {this.props.offices.errors.errors.map((error,i) =&gt; &lt;p key={i}&gt;       {error.param=='name'?error.msg:''}&lt;/p&gt;) 
        &lt;/span&gt; : '' }
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>this is   the errors that i get always    </p>
  
  <p><a href="https://i.stack.imgur.com/L91KH.png" rel="nofollow noreferrer">react-errors</a></p>