react将this.setState结合promise及async await 改为同步更新

import React, { Component } from "react";
import "./scss/header.scss";
export default class header extends Component {
  state = {
    header: "",
  };
  setStateAsync = (state) => {
    return new Promise((resolve, reject) => {
      this.setState(state, resolve);
    });
  };
  changeHeader = async (e) => {
    await this.setStateAsync({ header: e.target.value });
    this.props.getHeaderMsg(this.state.header);
  };
  render() {
    return (
      <div>
        <input
          type="text"
          name="txt"
          className="header"
          value={this.state.header}
          onChange={this.changeHeader}
        ></input>
      </div>
    );
  }
}

这还有更多关于源码的实现请查阅手撕vue3源码觉得有用的小伙伴给个start吧