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 vote409 views1 answer
Olx clone react
Javascript React
0 vote406 views1 answer
My env.local file not working in my react app usind mac
Javascript React
2 votes390 views3 answers
Select the items from selectors in .map reactjs
Javascript React
0 vote386 views1 answer
Show and Hide element in react
Javascript React
0 vote368 views2 answers
React js http post 500 internal server error
Javascript React
1 vote410 views2 answers
What is super(props) in react
Javascript React
0 vote370 views1 answer
Semantic UI react focus on input
Javascript React
0 vote351 views2 answers
React toastify dark mode
Javascript React
5 votes463 views4 answers
React route multiple components
Javascript React
7 votes389 views1 answer
The path argument must be of type string. received undefined react
Javascript React