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

0 vote175 views1 answer
Geocoding react
Javascript React
3 votes158 views2 answers
Autocomplete react jsx attributes vscode
Javascript React
0 vote168 views1 answer
React-google-invisible-recaptcha
Javascript React
0 vote200 views1 answer
React native app slow lagging image
Javascript React
4 votes175 views1 answer
How to add custom font to react project
Javascript React
0 vote188 views1 answer
Curved lines on google maps usint react
Javascript React
4 votes212 views1 answer
How to use font awewsome in react app
Javascript React
2 votes167 views2 answers
Update specific properties of an object react spread operator
Javascript React
0 vote167 views1 answer
How to use saved image on react
Javascript React
1 vote210 views2 answers
Hosting react with pm2
Javascript React