Breaking News: Grepper is joining You.com. Read the official announcement!

how to pass props to higher order component

~Chirume answered on December 19, 2020 Popularity 9/10 Helpfulness 1/10

answer how to pass props to higher order component

how to pass props to higher order component

Comment

just pass your props as normal to the WrappedComponent

//App Component / root component
import React from 'react';
import WrappedComponent from "./WrappedComponent";

export default function App() {
    return (
        <div>
            <WrappedComponent name="CreatorOfCode" />
        </div>
    )
}
//******************************************************************************
// WrappedComponent
import React from 'react';
function WrappedComponent({}) {
    return (
        <div>
            <h1>Hello World</h1>
        </div>
    )
}

export default ComponentEnhancer(WrappedComponent)
//*****************************************************************************
// higher order component called ComponentEnhancer
import React from 'react';
import PropTypes from 'prop-types';
export default (WrappedComponent) => {
    const hocComponent = ({ ...props }) => {
    		console.log(props.name)//CreatorOfCode
            return <WrappedComponent {...props} 
    	}/>

    hocComponent.propTypes = {};
    return hocComponent;
}

Popularity 9/10 Helpfulness 1/10 Language c

Source: Grepper

Tags: c

Link to this answer
Share Copy Link

Contributed on Dec 19 2020

~Chirume

0 Answers Avg Quality 2/10

how to pass props to higher order component

Contents

More Related Answers

how to pass props to higher order component

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.