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 vote363 views1 answer
Opening a link in another tab in react
Javascript React
-2 votes381 views1 answer
Keyboard close when typing react native
Javascript React
0 vote368 views1 answer
React native float upto 2 digits
Javascript React
0 vote349 views2 answers
How to make a bot react to own message js
Javascript React
0 vote327 views1 answer
React native floating button
Javascript React
0 vote351 views1 answer
React js practical tutorial
Javascript React
0 vote363 views1 answer
Ng-class equivalent in react
Javascript React
0 vote365 views1 answer
Create a link in react js to download xcelfile
Javascript React
7 votes299 views6 answers
Shadow generator react native
Javascript React
4 votes332 views3 answers
Visual studio code create react component shortcut
Javascript React