Reactjs 重用通用组件功能

我是一个非常新的React程序员，我不知道如何解决这个问题。在我所有的表单中，我都有以下代码部分

    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;
    }

---

在C#中时，我会将其放在基类中。React中最好的方法是什么？

前三个方法是相同的，只是名称不同，变量名称不同（这做的是相同的事情）。您可以只使用其中一个moop，从而导致复制粘贴错误。我会解决的。谢谢您可以创建一个只将这些函数传递给您的组件的HOC如何创建一个包装好的HOC和一个使用这些函数的子级？例如，在渲染方法中使用“加载所有组件”功能。