如何正确创建input HOC组件？

import React, { Component } from 'react';

function withInput(WrappedComponent) {
  return class EnhancedComponent extends Component {
    constructor(props) {
      super(props);
      this.state = {
        inputValue: ''
      };
    }

    handleChange = (event) => {
      this.setState({ inputValue: event.target.value });
    }

    render() {
      return (
        <div>
          <input
            value={this.state.inputValue}
            onChange={this.handleChange}
          />
          <WrappedComponent
            inputValue={this.state.inputValue}
            {...this.props}
          />
        </div>
      );
    }
  };
}

export default withInput;

import React from 'react';
import withInput from './withInput';

function Form(props) {
  return (
    <form>
      <input type="text" value={props.inputValue} />
      {/* 其他表单元素 */}
    </form>
  );
}

export default withInput(Form);