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

1 vote381 views1 answer
How to change favicon dynamic in react js
Javascript React
4 votes329 views2 answers
React countdown timer
Javascript React
1 vote332 views1 answer
Firebase react router page not found on page refresh
Javascript React
1 vote343 views1 answer
Sort function in react js
Javascript React
0 vote357 views1 answer
How to make back button react
Javascript React
0 vote332 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
18 votes309 views5 answers
How to use svg in react js
Javascript React
0 vote300 views2 answers
React router how to send data
Javascript React
0 vote321 views1 answer
Implementing state lifecycle in react class component
Javascript React
2 votes348 views1 answer
Scoll to top on each route react
Javascript React