Как изменить state при отправки формы?

Question

[IIITRIX]

Доброго времени суток, друзья!
Помогите разобраться.
Сейчас при нажатии на кнопку Опубликовать все отлично отправляется
Мне нужно, чтобы при нажатии на сохранить state изменился на status 'D'
Мой state

state = {
    data: {
      status: 'P'
    }
  }

Есть форма.

<form onSubmit={this.onSubmit}>
    <input type='submit'>Опубликовать</span>
    <span>Сохранить</span>
</form>

Обработчик

onSubmit = e => {
    this.props.submit(this.state.data)
  }
}

Answer 1

[hzzzzl]

span onClick={() => this.setState({ data: { status: 'D' } })}

лучше вынести это в отдельную функцию для читабельности

Answer 2

[mDrama]

onSubmit = e => {
    e.preventDefault();
    this.setState({data: {status: 'D'}});
}

<form onSubmit={this.onSubmit}>
    <input type='submit' />
    <span>Сохранить</span>
</form>