写一个react的hoc

好的，我可以为您提供关于编写React的HOC的一些基本信息。

Higher Order Component（HOC）是React中一个常见的设计模式。HOC通过获取一个组件并返回一个增强版本的组件来增强组件的功能。以下是编写简单HOC的一些基本步骤：

1. 定义一个函数，该函数将要包装的组件作为参数。

2. 在函数内部返回另一个组件，该组件将包装器函数作为props进行传递。

3. 将被包装的组件作为包装器组件的一个子组件传递。

4. 在包装器组件中使用被包装组件，并添加任何所需的props或逻辑。

例如，以下代码是一个简单的HOC，它将在包装组件的props中添加一个名为“age”的属性：

function addAge(WrappedComponent) {
  return class extends React.Component {
    render() {
      return <WrappedComponent {...this.props} age={25} />;
    }
  };
}

在这个示例中，addAge函数是一个HOC，将WrappedComponent作为参数。将函数返回一个类组件，该组件将WrappedComponent组件作为子组件传递，并将age属性添加到props中以进行传递。

您可以使用该HOC如下所示：

const Person = props => (
  <div>
    <h1>{props.name}</h1>
    <p>{props.age}</p>
  </div>
);

const PersonWithAge = addAge(Person);

ReactDOM.render(
  <PersonWithAge name="John" />,
  document.getElementById('root')
);

此代码将在页面上呈现名称为“John”的人员，并添加了名为“age”的属性，该属性值为“25”。

希望这可以回答您的问题！