React HOC for forms that keeps track of input values and stores it in state dynamically, handles submit events

React Form HOC

import React, { Component } from "react";

const WithForm = (FormFields, action) => {
	return class Form extends Component {
		handleOnChange = event => {
			const inputTarget = event.currentTarget || event.srcElement;
			const { title, value } = inputTarget;
			this.setState(
				{
					[title]: value
				}
			);
		};

		handleOnSubmit = event => {
			event.preventDefault();
			action({ ...this.state });
		};

		render() {
			return (
				<form className="formMain" onSubmit={this.props.submitHandler}>
					<FormFields
						handleOnChange={this.handleOnChange}
						handleOnSubmit={this.handleOnSubmit}
					/>
				</form>
			);
		}
	};
};

export default WithForm;