React: High Order Components 3

react-high-order-components-3.jsx

const Profile = ({ username, age }) => (
    <div>
        <div>Username: {username}</div>
        <div>Age; {age}</div>
    </div>
);
Profile.propTypes = {
    username: string,
    age: number
};

// Usage - wrapping the component with the function
const withFlattenUser = flattenProp('user');
const ProfileWithFlattenUser = withFlattenUser(Profile);

// OR
const ProfileWithFlattenUser = flattenProp('user')(Profile);