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 vote234 views1 answer
React setstate in another component
Javascript React
0 vote261 views1 answer
React Native Expo Scrollview Scroll to bottom
Javascript React
0 vote278 views1 answer
React-hook-form image
Javascript React
0 vote296 views1 answer
How to change a react link icon when you send the link as message in whatsapp
Javascript React
0 vote264 views1 answer
React onpaste get value
Javascript React
0 vote268 views2 answers
React native maximum update depth exceeded
Javascript React
0 vote251 views1 answer
Npm react native turn by turn navigation
Javascript React
0 vote274 views1 answer
Comment creer des switch en react js
Javascript React
0 vote239 views1 answer
Use navigate in class component react native
Javascript React
1 vote265 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React