React HOC examples

reactHoc1.js

import React from 'react';

const Auth = props => {
  const password = 'anyPassword';

  if (password != 'correctPassword') {
    return <h3>You are not authorized</h3>;
  } else {
    return props.children;
  }
};

export default Auth;

reactHoc2.js

import React from 'react';

const userHoc = (WrappedComponent, arg1) => {
  return props => (
    <div>
      {arg1}
      <WrappedComponent {...props} />
    </div>
  );
};

export default userHoc;

reactHocUser1.js

import React from 'react';

import Auth from '../hoc/auth';

const Page = props => {
  return (
    <div>
      <Auth>
        <SecretPage>Home</SecretPage>
      </Auth>
    </div>
  );
};

export default Page;

reactHocUser2.js

import React from 'react';

import userHoc from '../hoc/userHoc';

const User = props => {
  return <div>User</div>;
};

export default userHoc(User, 'Hello');