reactjs setState不改变状态

Question

我有一个函数 (onClickAddSection)，当它被调用时，它应该将状态设置为空字符串，但它根本没有这样做。请看一下代码并告诉我我做错了什么谢谢。

class AddNewSectionForm extends Component {
constructor(props) {
    super(props);
    this.state = {
        sectionName: '',
        validation:false
    };
    this.onSectionNameChange = this.onSectionNameChange.bind(this);
    this.onClickAddSection = this.onClickAddSection.bind(this);

}

onSectionNameChange(event) {
    if(this.state.validation==false){
        this.setState({validation:true});
    }
    this.setState({sectionName: event.target.value});
}

onClickAddSection(event) {
    event.preventDefault();
    this.props.saveSection(this.state.sectionName);
    this.setState({sectionName:'',validation:false});
}

render() {
    return (
            <div>
                <TextInput name="newSection" label="Section Name :"
                           onChange={this.onSectionNameChange}
                           value={this.state.sectionName}
                           error = {this.state.validation==true&& this.state.sectionName.length==0?'Enter Section Name':''}/>
                <AddCloseButtons add = {this.onClickAddSection}
                                 close = {this.props.closeCharm}
                                 />
            </div>
    );
}

}

onClickAddSection 函数没有将 sectionName 设置回“”。

添加关闭按钮：

const AddCloseButtons = ({add,close}) => {
return (
    <div className="form-group">
        <button className="btn btn-primary" style={{width: '40%', border:'solid black 1px'}} onClick={add}>Add</button>
        <button className="btn btn-secondary" style={{width: '40%', float: 'right',border:'solid black 1px'}} onClick={close}>Close</button>
    </div>);

};

Answer 1

你在使用 Redux 吗？如果是这样，this.props.saveSection 进行任何 Ajax 调用？。如果是这样，您是否可以使用 setState 更新本地状态，然后您的 Ajax 响应将其重新更新为接收到的值？

Answer 2

请尝试查看 setState 的功能版本。

this.setState(function (state, props) {
 return {
  sectionName:'',
  validation:false
 }
});

Answer 3

好像点击按钮的时候，onSectionNameChange和onClickAddSection是同时发生的，会发生冲突（因为名字设置为空白意味着它的名字正在改变^^ ), 那么在 onSectionNameChange:

中不为 sectionName 设置状态怎么样

onSectionNameChange(event) {
    if(this.state.validation==false){
        this.setState({validation:true});
    }
    //this.setState({sectionName: event.target.value});
}

我猜是的，如果有错误，请post这里，谢谢

reactjs setState不改变状态

reactjs setState not changing state

javascript

setstate

reactjs