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 vote278 views7 answers
Convert css box shadow to react native
Javascript React
16 votes187 views2 answers
React fragment
Javascript React
0 vote288 views1 answer
React native sovrapporre immagini
Javascript React
4 votes255 views1 answer
React js materilize
Javascript React
0 vote272 views1 answer
Chromepicker react-color not working
Javascript React
4 votes240 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
0 vote273 views1 answer
React read multiple files with filereader
Javascript React
2 votes262 views2 answers
Fullcalendar react add event duration
Javascript React
0 vote285 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React
0 vote285 views4 answers
React tutorial for beginners
Javascript React