如何在ReactJS中通過ref動態設置狀態

Question

我有這個

 handleChange(e){

    this.setState(
        update(this.state, {
            user: {
                $merge: {
                    firstname_user: this.firstname_user.refs.input.value,
                    lastname_user: this.lastname_user.refs.input.value,
                    password_user: this.password_user.refs.input.value,
                    newPassword_user: this.newPassword_user.refs.input.value,
                    confirmPassword_user: this.confirmPassword_user.refs.input.value,
                }
            }
        })
    )

 }

我只想做一個通用的setState 。

因為當前，當我更改一個輸入時，我的所有值都由setState更改。

我嘗試過類似的方法，但是可以訪問ref 。 鍵[e.target.name]有效，但是用相同的方法，該值無效。

    this.setState(
        update(this.state, {
            user: {
                $merge: {
                    [e.target.name]: this.[e.target.name].refs.input.value,
                }
            }
        })
    );

請問如何解決？

Answer 1

似乎是語法錯誤，請嘗試以下方法：

$merge: {
    [e.target.name]: this[e.target.name].refs.input.value,
}