React composition

function FancyBorder(props) {
  return (
    <div className={'FancyBorder FancyBorder-' + props.color}>
      {props.children}    </div>
  );
}

Source: reactjs.org

React composition

function WelcomeDialog() {
  return (
    <FancyBorder color="blue">
      <h1 className="Dialog-title">        Welcome      </h1>      <p className="Dialog-message">        Thank you for visiting our spacecraft!      </p>    </FancyBorder>
  );
}

Source: reactjs.org

Similar codes

1 vote377 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
2 votes327 views1 answer
React not getting img by src
Javascript React
0 vote352 views1 answer
Npm react-native-async-storage
Javascript React
0 vote315 views0 answer
React
Javascript React
3 votes331 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
8 votes350 views2 answers
React set title of page
Javascript React
0 vote336 views1 answer
Upload image file in react native using rest api to website
Javascript React
0 vote325 views1 answer
Mdn react
Javascript React
0 vote346 views1 answer
Onclick on fragment react
Javascript React
0 vote353 views1 answer
How to embed an expression in react js
Javascript React