如何将HoC与React Native一起使用

import React from 'react';

const withUserInfo = (WrappedComponent) => {
  class WithUserInfo extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        userInfo: null,
      };
    }

    componentDidMount() {
      // 在这里获取用户信息的逻辑
      // 可以使用网络请求、本地存储等方式获取用户信息
      // 将获取到的用户信息更新到state中
      const userInfo = { name: 'John', age: 25 };
      this.setState({ userInfo });
    }

    render() {
      const { userInfo } = this.state;
      // 将获取到的用户信息作为props传递给被包裹的组件
      return <WrappedComponent userInfo={userInfo} {...this.props} />;
    }
  }

  return WithUserInfo;
};

export default withUserInfo;

import React from 'react';
import withUserInfo from './withUserInfo';

class UserProfile extends React.Component {
  render() {
    const { userInfo } = this.props;
    if (!userInfo) {
      return <div>Loading...</div>;
    }

    return (
      <div>
        <h1>User Profile</h1>
        <p>Name: {userInfo.name}</p>
        <p>Age: {userInfo.age}</p>
      </div>
    );
  }
}

export default withUserInfo(UserProfile);

import React from 'react';
import UserProfile from './UserProfile';

class App extends React.Component {
  render() {
    return (
      <div>
        <h1>My App</h1>
        <UserProfile />
      </div>
    );
  }
}

export default App;