如何在React表单中使用构造函数中的上下文？

const MyContext = React.createContext();

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      formData: {
        // 表单数据
      },
      updateFormData: this.updateFormData, // 表单数据更新方法
    };
  }

  updateFormData = (data) => {
    this.setState({ formData: data });
  }

  render() {
    return (
      <MyContext.Provider value={this.state}>
        {/* 表单组件 */}
      </MyContext.Provider>
    );
  }
}

class MyForm extends React.Component {
  render() {
    return (
      <MyContext.Consumer>
        {(context) => (
          <form>
            {/* 使用上下文数据 */}
            <input
              type="text"
              value={context.formData.name}
              onChange={(e) => {
                const data = { ...context.formData, name: e.target.value };
                context.updateFormData(data);
              }}
            />
            {/* 其他表单元素 */}
          </form>
        )}
      </MyContext.Consumer>
    );
  }
}