HOC component - array返回true或false

import React from 'react';

// 创建一个HOC组件
const withArrayCheck = (WrappedComponent) => {
  return class extends React.Component {
    checkArray = (array) => {
      return Array.isArray(array) && array.length > 0;
    }

    render() {
      const { array, ...rest } = this.props;
      const isArrayValid = this.checkArray(array);

      // 将结果作为props传递给被包裹的组件
      return <WrappedComponent isArrayValid={isArrayValid} {...rest} />;
    }
  };
};

// 使用HOC组件包裹目标组件
const MyComponent = ({ isArrayValid }) => {
  return (
    <div>
      {isArrayValid ? '数组不为空' : '数组为空'}
    </div>
  );
};

// 使用HOC组件增强目标组件
const EnhancedComponent = withArrayCheck(MyComponent);

// 示例使用
const myArray = [1, 2, 3];
const App = () => {
  return <EnhancedComponent array={myArray} />;
};

export default App;