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

1 vote306 views1 answer
Rendering in react
Javascript React
3 votes216 views1 answer
React native nox emulator
Javascript React
1 vote213 views1 answer
React toggle class
Javascript React
0 vote202 views1 answer
Form.select not working react bootstrap
Javascript React
1 vote222 views1 answer
Import json file in react native
Javascript React
0 vote215 views1 answer
React native font awesome
Javascript React
22 votes229 views4 answers
Npm react copy to clipboard
Javascript React
0 vote244 views2 answers
Subdomain react app
Javascript React
0 vote245 views1 answer
React bootstrap button
Javascript React
0 vote160 views1 answer
Document is not defined react router
Javascript React