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

8 votes290 views4 answers
Get react version
Javascript React
0 vote277 views1 answer
Nested ternaries react
Javascript React
-1 vote299 views4 answers
React native reset cache
Javascript React
0 vote269 views2 answers
Datepicker react native
Javascript React
7 votes287 views1 answer
Firebase react js
Javascript React
0 vote352 views1 answer
Convert integer month to string month react native
Javascript React
1 vote285 views1 answer
React map component in
Javascript React
0 vote309 views1 answer
Chromepicker react-color not working
Javascript React
0 vote333 views1 answer
Create-react-app enviroment variables
Javascript React
0 vote291 views1 answer
Use of parse in react
Javascript React