如何在react js组件中添加if-else？

Question

我有以下功能。在这里，我想设置变量head的值并编辑如下：

if (head==='Save'){head: 'Edit',edit: 'false'}

如何在以下函数中添加if-else？

editItem: function(e) {
  e.preventDefault();
  this.setState({     
    head: 'Save',
    edit: 'true'          
  });
}

Answer 1

尝试以下方法：

editItem: function(e) {
    e.preventDefault();

    if (this.state.head === 'Save') {
        this.setState({
            head: 'Edit',
            edit: 'false',
        });
    } else {
        this.setState({
            head: 'Save',
            edit: 'true'
        });
    }
}

Answer 2

不那么冗长，可能以牺牲可读性为代价：

editItem: function(e) {
  e.preventDefault();
  var newState=this.state.head === 'Save'?{head: 'Edit',edit: 'false'}:{head: 'Save',edit: 'true'};
  this.setState(newState);
}