问如何在ReactJS中保存输入默认值

EN

class EditProtege extends Component {
  state = {
    firstname: "",
    userResponse: []
  };

  getUserByID() {
    fetch(`http://localhost:9000/proteges/${utils.i}`)
      .then(res => res.json())
      .then(res => this.setState({ userResponse: res }))
      .catch(err => err);
  }

  handleNameChange = event => {
    this.setState({ firstname: event.target.value });
  };

  handleSubmit = event => {
    event.preventDefault();
    axios
      .put(`http://localhost:9000/proteges/${utils.i}`, {
        firstname: this.state.firstname,
      })
      .then(res => {
        console.log(res);
        console.log(res.data);
      });

    window.location.reload();
  };


  componentDidMount() {
    this.getUserByID();
    //this.setDefaultValues();
  }

  render() {
    return (      
      <div className="creation-form">
        {this.state.userResponse.map(resp => (
        <div>
          <br />
          <rb.Form onSubmit={this.handleSubmit}>
            <rb.FormGroup>
              <rb.Row>
                <rb.Col md={12}>
                  <rb.FormControl
                    type="text"
                    name="firstname"
                    size="md"
                    onChange={this.handleNameChange}
                    placeholder="Name"
                    default={this.userResponse.proteges}
                    required
                  />
                </rb.Col>
            </rb.FormGroup>
            <rb.Button type="submit" variant="dark" size="lg" block>
               Zatwierdź edycję
            </rb.Button>
          </rb.FormGroup>
        </rb.Form>
      </div>
      ))}
    </div>
    );
  }
}

export default EditProtege;