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

10 votes184 views2 answers
Generate random string react
Javascript React
0 vote173 views1 answer
React navigation tabs up in keyboard
Javascript React
0 vote172 views1 answer
How to add icon in react
Javascript React
0 vote165 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript React
0 vote167 views1 answer
ReactRender
Javascript React
28 votes162 views6 answers
React proptypes
Javascript React
35 votes174 views6 answers
Create react app with tailwind
Javascript React
0 vote169 views1 answer
React native notify user for new version of app
Javascript React
1 vote164 views1 answer
How to use react memo hooks
Javascript React
6 votes203 views2 answers
String to html javascript react
Javascript React