如何使用名称指定this.state构造函数

Question

是否可以在this.state中使用特定名称制作多个constructor，例如

constructor(props){
    super(props);
      const loginData = this.state = {
            username: '',
            password: '',
        };
       const options = this.state = {
            redirect: false,
            showAlert: false,
        };
}

我只是想知道是否有办法做到这一点。

Answer 1

为什么不使用这样的结构：

constructor(props){
    super(props);

    this.state = {
        loginData: {
            username: '',
            password: '',
        },
        options: {
            redirect: false,
            showAlert: false,
        }
    };
}

Answer 2

你做不到。看看你的问题，我想你可能想要这样的东西：

this.state = {
  loginData: { username: '', password: '' },
  options: { redirect: false, showAlert: false }
};

Answer 3

1）我不认为这是可能的。

2）这应该有效：

this.state = {

loginData：{     用户名： ''，     密码：''   }，

选项：{     重定向：false，     showAlert：false   } }

调用this.state.loginData会产生同样的效果