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 vote305 views1 answer
Testing a function in jest on click react
Javascript React
0 vote325 views1 answer
React native generate app hash without play console
Javascript React
-1 vote286 views1 answer
Use inline and other styles react native
Javascript React
1 vote298 views1 answer
How to change the tab text in React
Javascript React
0 vote299 views1 answer
TrackPromise React
Javascript React
1 vote324 views2 answers
Sha-1 certificate fingerprint react native
Javascript React
1 vote298 views5 answers
React state
Javascript React
1 vote328 views1 answer
React stripe npm
Javascript React
2 votes245 views6 answers
React font-awesome
Javascript React
0 vote304 views1 answer
React-native-ffmpeg gradel issue
Javascript React