Here's the code for that (if you were to do it with class components, don't worry a function version is coming later in the post): class UsernameFormClass extends React.Component { state = { status: 'idle', error: null } handleSubmit = async (event) => { event.preventDefault() const newUsername = event.target.elements.username.value this.setState({ status: 'pending' }) try { await this.props.updat