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 vote147 views1 answer
Eject expo app to android and react native
Javascript React
0 vote176 views1 answer
Render eror cant find variable: react
Javascript React
-2 votes142 views2 answers
React native text align vertical center
Javascript React
0 vote155 views1 answer
React redux open another page
Javascript React
1 vote169 views1 answer
React-redux todo list
Javascript React
0 vote158 views1 answer
React.js file extension
Javascript React
0 vote143 views1 answer
Scrollreveal react tutoriel
Javascript React
1 vote214 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React
0 vote154 views3 answers
Scrollview pull to refresh react native
Javascript React
0 vote145 views4 answers
React native biometrics sign in
Javascript React