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 vote219 views1 answer
Globalevariable reactjs
Javascript React
0 vote196 views2 answers
Dispay react component after some time
Javascript React
0 vote218 views1 answer
Text field drag and drop reactjs
Javascript React
35 votes232 views6 answers
Create react app with tailwind
Javascript React
0 vote237 views1 answer
React native on expo finger print is working bt not in apk
Javascript React
0 vote214 views1 answer
Textinput multiline start from top react native
Javascript React
142 votes342 views3 answers
Install react app
Javascript React
17 votes265 views5 answers
How to make apk react native
Javascript React
3 votes213 views1 answer
UseNav react router
Javascript React
4 votes244 views1 answer
React bind function to component
Javascript React