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 vote246 views1 answer
Jsx tag with children react js
Javascript React
5 votes261 views2 answers
Remove underline from link i react
Javascript React
0 vote254 views1 answer
How to resolve click for div logging as parent too, in react
Javascript React
0 vote239 views1 answer
Casl react redux
Javascript React
0 vote236 views1 answer
Ts(2749) react testing library
Javascript React
2 votes259 views2 answers
Await in react in function component
Javascript React
0 vote238 views1 answer
How to refresh android studio react native
Javascript React
4 votes232 views2 answers
Materialize for react
Javascript React
5 votes276 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
0 vote242 views1 answer
Export variables react
Javascript React