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 vote195 views1 answer
Form changes button enable reactive forms
Javascript React
18 votes197 views2 answers
How to import background image in inline css in react
Javascript React
0 vote212 views1 answer
React native scrollview in modal
Javascript React
2 votes231 views1 answer
React native text right align
Javascript React
0 vote207 views1 answer
React get current date minus 7 days
Javascript React
5 votes206 views1 answer
How to host react app on heroku
Javascript React
8 votes204 views2 answers
React native italic text
Javascript React
0 vote197 views1 answer
Can't bookmark react router
Javascript React
0 vote215 views1 answer
Webpack react proxy not working
Javascript React
0 vote254 views1 answer
How to get key from a button in react
Javascript React