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 vote350 views1 answer
How react work
Javascript React
19 votes340 views6 answers
React native build android apk
Javascript React
2 votes379 views2 answers
Get value of Autocomplete react
Javascript React
2 votes385 views2 answers
How to change react icon color
Javascript React
1 vote388 views1 answer
Put two buttons in a row in react native
Javascript React
0 vote402 views1 answer
Olx clone react
Javascript React
4 votes364 views1 answer
How to empty form after submit in react
Javascript React
3 votes370 views2 answers
React how to scroll to element
Javascript React
2 votes367 views2 answers
Update specific properties of an object react spread operator
Javascript React
0 vote361 views1 answer
How to make multiple link using react
Javascript React