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

5 votes217 views1 answer
React style ternary operator
Javascript React
0 vote219 views1 answer
React native map repeate
Javascript React
16 votes236 views3 answers
Importing svg into react
Javascript React
0 vote205 views1 answer
React native cross out letter
Javascript React
1 vote194 views1 answer
How to use array of object in react
Javascript React
0 vote232 views1 answer
Navigation.openDrawer is not a function react native
Javascript React
19 votes214 views6 answers
React.js
Javascript React
0 vote221 views1 answer
Trash alternate outline icon not coming to right side react
Javascript React
0 vote241 views1 answer
Difference between controlled and uncontrolled components in react js
Javascript React
0 vote277 views1 answer
React-multi-carousel don't work
Javascript React