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 vote129 views1 answer
React sticky hook
Javascript React
5 votes100 views1 answer
How to host react app on heroku
Javascript React
0 vote110 views1 answer
React document documentMode not found
Javascript React
0 vote163 views1 answer
Apache react deploy "conf"
Javascript React
0 vote115 views1 answer
React native scrollview in modal
Javascript React
0 vote144 views1 answer
React open url with button
Javascript React
0 vote108 views1 answer
Reactnative print in ios
Javascript React
118 votes189 views6 answers
Instalar bootstrap en react
Javascript React
0 vote103 views1 answer
Set navigation drawer to open by default react native
Javascript React
0 vote103 views1 answer
Set meterial icon color change onClick react
Javascript React