我可以使用currying in React进行后续的API调用吗？

// 使用currying创建一个高阶组件
const withAPICall = (apiEndpoint) => (WrappedComponent) => {
  class WithAPICall extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        data: null,
        error: null,
        loading: true,
      };
    }

    componentDidMount() {
      // 在组件挂载后进行API调用
      fetch(apiEndpoint)
        .then((response) => response.json())
        .then((data) => {
          this.setState({ data, loading: false });
        })
        .catch((error) => {
          this.setState({ error, loading: false });
        });
    }

    render() {
      const { data, error, loading } = this.state;

      // 将API调用的结果作为props传递给WrappedComponent
      return (
        <WrappedComponent
          data={data}
          error={error}
          loading={loading}
          {...this.props}
        />
      );
    }
  }

  return WithAPICall;
};

// 使用高阶组件进行API调用
const MyComponent = ({ data, error, loading }) => {
  if (loading) {
    return <div>Loading...</div>;
  }

  if (error) {
    return <div>Error: {error.message}</div>;
  }

  return <div>Data: {JSON.stringify(data)}</div>;
};

// 使用currying创建一个特定API的高阶组件
const withUserData = withAPICall('/api/user');

// 使用高阶组件包装组件
const MyComponentWithUserData = withUserData(MyComponent);