Кнопка Diable, кнопка включения после другой кнопки часов

Question

Я хочу, чтобы, пока не нажали Copy List To Below, я хочу отключить кнопку Save.

В настоящее время это кнопка Copy List To Below

<button type="button" className={classes["copy-btn"] + " btn-cancel mt-3"} onClick={(event) => this.copyData(event)}>Copy List To Below {_.size(this.state.protestList) > 1 ? _.size(this.state.protestList) + " Groups" : 'Group'} </button>

И это моеSave кнопка

     <button type="submit" className={classes["save-btn"] + " btn-save"} onClick={(event) => this.saveData(event)}>Save</button>

И ниже приведены соответствующие функции

    saveDate = (event, data) => {
        if(event) {
            //Do something
        }
        else {
            //Return Error
        }
    }

    copyData = (event, data) => {
            if(event) {
                //Do something
            }
            else {
                //Return Error
            }
        }

Как я уже сказал, только если копирование выполнено, тогда только кнопка сохранения должна быть в состоянии получить нажатие

Answer 1

Дайте два идентификатора и добавьте событие клика и свойство отключения кнопки переключения, как это. Сделай это проще. Ваши кнопки имеют ненужные атрибуты, удалите их.

CORE JAVASCRIPT

<button type="button" id="coptBtn" class ="btn-cancel mt-3" >Copy List To Below</button>
<button id="saveBtn" type="submit" class="" >Save</button>

var coptBtn  = document.getElementById('coptBtn');
var saveBtn  = document.getElementById('saveBtn');
saveBtn.disabled = true;
coptBtn.addEventListener('click', (evt) => {
    saveBtn.disabled = false;
 });

REACT JS

var App = React.createClass({
  getInitialState() {
    return {isDisable: false}
  }, 
  handleClick(e) {
    this.setState({isDisable: true})
  },
  render() {
    return <div>
      <button type="button" onClick={this.handleClick} >Copy List To Below</button>
      <button type="button" disabled={!this.state.isDisable}>Save</button>
   </div>
  } 
});

Answer 2

Попробуйте этот код ..

copyData() {
    //your existing code
    this.setState({copied: true})
        }

    <button type="submit" disable={!this.state.copied} className={classes["save-btn"] + " btn-save"} onClick={(event) => this.saveData(event)}>Save</button>