如何通过将参数传递给 setState() 来更改状态 [重复]

Question

我有十几个输入组件。当其中一些没有通过验证时，它会得到相应的属性“invalidInputName = true”和类“hasError”。

当用户再次开始输入这些输入时，我需要通过将“invalidInputName”更改为 false 来删除“hasError”。我想编写函数 clearValidation() 女巫将接受参数名称并将其更改为 false。

class ExchangeForm extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            paymentAmountValidation: false,
            invalidAccountNum: false,
            invalidPhone: false,
            invalidCheck: false
        }
    }

    // this function toogles input to normal state.
    // I want to pass the name of property which i want to reset 
    // For example: clearValidation('invalidPhone') must work as
    // this.setState({ ...this.state, invalidPhone: false }).
    // But best i've done was { property: propery:false } :(
    // I have to change this.state only with setState()
    clearValidation(property){
        this.setState({ ...this.state, property })
    }

    validation(){
        //it toogles state properties to true if found any error
    }
}

有可能吗？

Answer 1

clearValidation(property) {
    this.setState({
        [property]: false
    }
}

有关详细信息，请参阅property accessors docs 的括号符号部分。