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 vote341 views1 answer
React document viewer
Javascript React
0 vote318 views1 answer
Automatic Slideshow in react js
Javascript React
0 vote336 views2 answers
How to import jquery file in react js
Javascript React
1 vote304 views4 answers
React native push notifications npm
Javascript React
0 vote296 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React
0 vote348 views1 answer
React faq
Javascript React
0 vote331 views1 answer
React js and graphql integration
Javascript React
1 vote309 views2 answers
Change text size according to screen react native
Javascript React
0 vote349 views1 answer
React google map doesn't update marker
Javascript React
0 vote352 views1 answer
React native controlling device brightness
Javascript React