reactのstateの更新について

Question

#reactのstateの更新について
以下のコードをみてください。

import React from "react";
import { Link, hashHistory } from "react-router";
import Errors from "./Errors";
import firebase from "firebase/firebase-browser";

const FORM_STYLE = {
	margin: "0 auto",
	padding: 30
};

const SIGNUP_LINK_STYLE = {
	display: "inline-block",
	marginLeft: 10
};

export default class Login extends React.Component{
	constructor(props){
		super(props);
		this.state = {
			email: localStrage.userEmail || "",
			password: localStorage.userPassword || "",
			errors: [],
		};
		this.handleOnChangeEmail = this.handleOnChangeEmail.bind(this);
		this.handleOnChangePassword = this.handleOnChangePassword.bind(this);
		this.handleOnSubmit = this.handleOnSubmit.bind(this);
	}

	handleOnChagneEmail(e){
		this.setState({ email: e.target.value });
	}

	handleOnChangePassword(e){
		this.setState({ password: e.target.value });
	}

	// ログイン処理
	handleOnSubmit(e){
		const { email, password } = this.state;
		const errors = [];
		let isValid = true;
		e.preventDefault();
		if(!email.length){
			isValid = false;
			errors.push("Email can't be blank");
		}
		if(!password.length){
			isValid = false;
			errors.push("Password can't be blank");
		}
		if(!isValid){
			this.setState({ errors });
			return;
		}
		// Firebaseのログイン処理
		firebse.auth().signinWithEmailAndPassword(email,password).then(()=>{
			// 次回ログイン簡略化のため、localStorageに値を保存
			localStorage.userEmail = email;
			localStorage.userPassword = password;
			// チャットルーム一覧画面へ繊維
			hashhistory.push("/rooms");
		}).catch(()=>{
			// Firebaseでログインエラーとなった場合
			this.setState({ errors:["Incorrect email or password."] });
		});
	}

	render(){
		return(
			<form style={FORM_STYLE} onSubmit={this.handleOnSubmit}>

			</form>
		);
	}
}

ログイン処理の中に

if(!isValid){
            this.setState({ errors });
            return;
}

という処理があります。
ここがわかりません。
setStateはnextStateを現在のstateにマージするということはわかるのですが、
errorsには配列が入っていますよね？
stateは{キー:バリュー}じゃないと更新できないのではないでしょうか？
なぜこの方法でthis.state.errorsだけ更新できるのでしょうか？

よろしくお願いします。

Answer 1

オブジェクト初期化子 - JavaScript | MDN

this.setState({ errors });

これは

this.setState({ errors: errors });

の省略形です。

Comments

[退会済みユーザー]

Qiitaで何度もお世話になりました！！
まさかここでもお世話にナルトは！
回答ありがとうございました！！