Hỏi về reactJS - Lấy dữ liệu từ form bằng onChange

import React, {Component} from 'react';
import {connect} from 'react-redux';

class Edit extends Component {
  constructor(props) {
    super(props);
    this.state = {
      fullname: '',
      email: '',
      phonenumber: '',
      birthday: '',
      homeaddress: '',
      registrationdate: '',
      expirydate: '',
      id:''
    }
  }

  //Lấy dữ liệu từ form Edit và gán vào state
  isChange = (event) => {
    
    const name = event.target.name;
    const value = event.target.value;
    this.setState({[name]: value});
  }

  // Lấy giá trị state của store, gán vào state nội bộ của Edit
  UNSAFE_componentWillMount() {
    this.setState({
      id:this.props.editData.key,
      fullname:this.props.editData.fullname,
      email:this.props.editData.email,
      phonenumber:this.props.editData.phonenumber,
      birthday:this.props.editData.birthday,
      homeaddress:this.props.editData.homeaddress,
      registrationdate:this.props.editData.registrationdate,
      expirydate:this.props.editData.expirydate
    })
  }
  
  saveFunction = () => {
    console.log("du lieu editData: " + JSON.stringify(this.props.editData));
    let editObject = {};
    editObject.fullname = this.state.fullname;
    editObject.email = this.state.email;
    editObject.phonenumber = this.state.phonenumber;
    editObject.birthday = this.state.birthday;
    editObject.homeaddress = this.state.homeaddress;
    editObject.registrationdate = this.state.registrationdate;
    editObject.expirydate = this.state.expirydate;
    editObject.id = this.state.id;
    
    this.props.sendEditDataToStore(editObject);
    
  }
  render() {
    
    return (
      <div className="col-6 bg-warning">
        {/* edit case */}
        <h1 className="text-center mb-2">EDIT</h1>
        <div className="form-group row">
          <label htmlFor="fullname" className="col-3 col-form-label">Full Name</label>
          <div className="col-9">
            <input type="text" className="form-control" id="fullname" name="fullname" defaultValue={this.props.editData.fullname} onChange={(event) => this.isChange(event)}/>
          </div>
        </div>
        <div className="form-group row">
          <label htmlFor="email" className="col-3 col-form-label">Email</label>
          <div className="col-9">
            <input type="text" className="form-control" id="email" name="email" defaultValue={this.props.editData.email} onChange={(event) => this.isChange(event)}/>
          </div>
        </div>
        <div className="form-group row">
          <label htmlFor="phonenumber" className="col-3 col-form-label">Phone Number</label>
          <div className="col-9">
            <input type="text" className="form-control" id="phonenumber" name="phonenumber" defaultValue={this.props.editData.phonenumber} onChange={(event) => this.isChange(event)}/>
          </div>
        </div>
        <div className="form-group row">
          <label htmlFor="birthday" className="col-3 col-form-label">Birthday</label>
          <div className="col-9">
            <input type="text" className="form-control" id="birthday" name="birthday" defaultValue={this.props.editData.birthday} onChange={(event) => this.isChange(event)}/>
          </div>
        </div>
        <div className="form-group row">
          <label htmlFor="homeaddress" className="col-3 col-form-label">Home Address</label>
          <div className="col-9">
            <input type="text" className="form-control" id="homeaddress" name="homeaddress" defaultValue={this.props.editData.homeaddress} onChange={(event) => this.isChange(event)}/>
          </div>
        </div>
        <div className="form-group row">
          <label htmlFor="registrationdate" className="col-3 col-form-label">Registration Date</label>
          <div className="col-9">
            <input type="text" className="form-control" id="registrationdate" name="registrationdate" defaultValue={this.props.editData.registrationdate}/>
          </div>
        </div>
        <div className="form-group row">
          <label htmlFor="expirydate" className="col-3 col-form-label">Expiry Date</label>
          <div className="col-9">
            <input type="text" className="form-control" id="expirydate" name="expirydate" defaultValue={this.props.editData.expirydate} onChange={(event) => this.isChange(event)}/>
          </div>
        </div>
        <div className="form-group float-right">
          <button onClick={()=>this.saveFunction()} name="save_edit" type="button" className="btn btn-outline-primary">Save</button>
          <button name="close_edit" type="button" className="btn btn-outline-danger">Close</button>
        </div>
      </div>

    );
  }
}
const mapStateToProps = (state, ownProps) => {
  return {editData: state.editData}
}

const mapDispatchToProps = (dispatch, ownProps) => {
  return {
    sendEditDataToStore: (sendEditData) => {   dispatch({type:"GET_EDIT_DATA",sendEditData}) }
  }
}

export default connect(mapStateToProps, mapDispatchToProps)(Edit);

onChange giúp ta lấy dữ liệu từ Form khi có sự THAY ĐỔI - phù hợp cho việc Thêm mới. Tuy nhiên, đối với trường hợp Sửa thì hơi khó tí là khi KHÔNG THAY ĐỔI thì field đó mặc dù có dữ liệu chình ình nhưng nó vẫn không nhận được vào state (ta đã phun ra form từ trước để chuẩn bị sửa). Giờ có giải pháp nào để lúc phun ra form là state nhận được ngay dữ liệu không ạ? Mình cho nó chạy trong UNSAFE_componentWillMount() để gán vào state nội bộ nhưng không hiểu sao nó không chạy được. Hic.