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 vote473 views1 answer
React change button color on hover
Javascript React
103 votes355 views7 answers
How to create react app
Javascript React
0 vote418 views1 answer
Import batch from 'react-redux'
Javascript React
23 votes381 views6 answers
Map react
Javascript React
0 vote399 views1 answer
Package path ./react is not exported from package next-auth
Javascript React
32 votes380 views1 answer
'react-router-dom'
Javascript React
1 vote418 views1 answer
Close exit app react native
Javascript React
0 vote378 views1 answer
React native passing params to nested navigators
Javascript React
1 vote424 views1 answer
Import library react js
Javascript React
0 vote384 views1 answer
Content uri react native fs
Javascript React