creating a login component which will show login error
<p>I am creating a login component which will show login error.
But I don't know how to bring <code>errors</code> array from <code>_onSubmit</code> function to <code>LoginForm</code></p>

<p>Here my code the code.</p>

<pre><code>import React, { Component } from 'react';
import Split from 'grommet/components/Split';
import Section from 'grommet/components/Section';
import Sidebar from 'grommet/components/Sidebar';
import LoginForm from 'grommet/components/LoginForm';
//import Logo from './Logo';
import firebase from 'firebase';
export default class Login extends Component {

  constructor() {
    super();
    this._onSubmit = this._onSubmit.bind(this);
    this._onResponsive = this._onResponsive.bind(this);
    this.state = {responsive: 'multiple',errors:[]};
  }

  _onSubmit(fields) {


    firebase.auth().signInWithEmailAndPassword(fields.username, fields.password).catch(function(error) {
      // Handle Errors here.
      var errorCode = error.code;
      var errorMessage = error.message;
      var errors = [];

      errors.push(errorCode);
      errors.push(errorMessage);
      console.log(errors);


      // How to bring the errors from here to ??????
    });
  }

  _onResponsive(responsive) {
    this.setState({responsive: responsive});
  }

  render() {

    var image;
    if ('multiple' === this.state.responsive) {
      image = &lt;Section full={true} pad="none" texture="url(img/grafitti.jpg)" /&gt;;
    }


    return (
      &lt;Split flex="left" separator={true} onResponsive={this._onResponsive}&gt;
        {image}
        &lt;Sidebar justify="center" align="center" pad="medium" size="large"&gt;
          &lt;LoginForm

            title="Ferret"
            onSubmit={this._onSubmit}
            errors={??????} /&gt;
        &lt;/Sidebar&gt;
      &lt;/Split&gt;
    );
  }
}
</code></pre>

<p>Can anybody give a guide? Thanks!!!</p>