Reuse generic component functions

I'm a very new React programmer and I have no idea how to fix this. In all my forms I have the following code parts.

updateFormData(field, event) {
const { formData } = this.state;
this.setState({ formData: { ...formData, [field]: event } });
}

componentLoaded = (field, data) => {
const { loadedComponents } = this.state;
var fieldName = field + "IsLoaded";

this.setState({ loadedComponents: { ...loadedComponents, [fieldName]: true } });
}

allComponentsLoaded() {

const { loadedComponents } = this.state;
console.log(loadedComponents);
for (var o in loadedComponents) {
if (!loadedComponents[o]) return false;
}
return true;
}

updateFormDateData(field, date) {
var value = date != null && date.isValid() ? date.toISOString() : null;
const { formData } = this.state;
}


When in C# I would put this in a base class. What would be the best way in React to do this?

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.