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 vote129 views1 answer
Hide react from netlify
Javascript React
5 votes105 views2 answers
Update react version
Javascript React
0 vote69 views4 answers
React node sequilize
Javascript React
0 vote124 views1 answer
Reactjs TypeError: b is undefined
Javascript React
106 votes136 views2 answers
React npm build
Javascript React
92 votes107 views6 answers
React router dom
Javascript React
0 vote118 views2 answers
Module not found: Error: Can't resolve 'crypto' react
Javascript React
0 vote112 views1 answer
Dispatch event not working react native redux
Javascript React
0 vote113 views1 answer
V4 history for react action or api calls
Javascript React
10 votes103 views2 answers
React navigation no header
Javascript React