Javascript / React 使用方括号

Question

我知道 javascript 中有很多关于方括号的问题 - 但是，我没有得到我的要求的答案


class SignIn extends Component{

    constructor(props){
        super(props);

        this.state = {
            email: '',
            password: ''
        }
    }

    handleSubmit = event => {
        event.preventDefault();
        this.setState({"email" : '', "password" : ''});
    };

    handleChange = event => {
        const {value, name } = event.target;
        this.setState({[name] : value}, () => {console.log(this.state)});
    };

    render(){
        return (
            <div className='sign-in'>
                <h2>I already have an account</h2>
                <span>Sign in with your email and password</span>
                <form onSubmit={this.handleSubmit}>
                    <label>Email</label>
                    <input name="email" type="email" ref="email" onChange={this.handleChange} value={this.state.email} required />
                    <br/>
                    <label>Password</label>
                    <input name="password" type="password" ref="password" onChange={this.handleChange} value={this.state.password} required />
                    <input type="submit" value='Submit Form' />
                </form>
            </div>
        )
    }
}

我的问题更多的是这一行 - 在此代码段中；

this.setState({[name] : value}, () => {console.log(this.state)});

方括号用于获取事件目标的名称，并将值设置为状态。例如，如果更改了电子邮件字段 - 它获取电子邮件值并将其设置为状态（状态 object/email 值）并对密码执行相同操作。

我的问题是这样的；

JS/React这个叫什么？我需要阅读更多，为此，我想知道这叫做什么

Answer 1

它被命名为Computed property name

Javascript / React 使用方括号

Javascript / React use of square brackets

javascript

square-bracket

reactjs