/Javascript/React/How to pass a component as a prop in react

How to pass a component as a prop in react

Pass props in react

/* PASSING THE PROPS to the 'Greeting' component */
const expression = 'Happy';
<Greeting statement='Hello' expression={expression}/> // statement and expression are the props (ie. arguments) we are passing to Greeting component

/* USING THE PROPS in the child component */
class Greeting extends Component {
  render() {
    return <h1>{this.props.statement} I am feeling {this.props.expression} today!</h1>;
  }
}

How to pass a component as a prop in react

const Parent = () => { 
  return (
    <Child  componentToPassDown={<SomeComp />}  />
  )
}

const Child = ({ componentToPassDown }) => { 
  return (
    <>
     {componentToPassDown}  
    </>
  )
}

Source: stackoverflow.com

Similar codes

0 vote298 views1 answer
Concatenate state with previous state in react redux
Javascript React
1 vote332 views1 answer
Double matrix iteration in react
Javascript React
0 vote338 views1 answer
How to remove elevation tab bar react native
Javascript React
32 votes261 views4 answers
React update state array of objects
Javascript React
12 votes320 views3 answers
Get value of input react
Javascript React
0 vote303 views1 answer
React js error stackoverflaw
Javascript React
0 vote302 views1 answer
Find null/empty values in reactive form
Javascript React
1 vote301 views1 answer
Reactive localstorage in react
Javascript React
-1 vote300 views2 answers
Minified react error #200
Javascript React
9 votes306 views6 answers
React Component
Javascript React