我正在创建一个登录组件,它将显示登录错误。 但我不知道如何把errors
阵列从_onSubmit
功能LoginForm
创建一个登录组件,它将显示登录错误
这里我的代码。
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 = <Section full={true} pad="none" texture="url(img/grafitti.jpg)" />;
}
return (
<Split flex="left" separator={true} onResponsive={this._onResponsive}>
{image}
<Sidebar justify="center" align="center" pad="medium" size="large">
<LoginForm
title="Ferret"
onSubmit={this._onSubmit}
errors={??????} />
</Sidebar>
</Split>
);
}
}
有人可以指导吗?谢谢!!!
这是什么编程语言? –
这不是一个好的架构,请考虑使用Redux代替,从演示组件分派动作以更新存储中的应用程序状态,执行异步动作 – RMontes13