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

157 votes603 views6 answers
Create new react app
Javascript React
0 vote397 views1 answer
React native text input right
Javascript React
0 vote426 views1 answer
React native datepicker disable future dates
Javascript React
7 votes405 views4 answers
Import image in react js
Javascript React
1 vote398 views1 answer
Change react native app name
Javascript React
0 vote380 views1 answer
React native import virtual path
Javascript React
2 votes407 views1 answer
Scoll to top on each route react
Javascript React
2 votes409 views2 answers
Import lodash react
Javascript React
1 vote430 views3 answers
Npm update react
Javascript React
0 vote381 views3 answers
React form validation
Javascript React