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 vote358 views1 answer
Automatic Slideshow in react js
Javascript React
1 vote386 views5 answers
Enzyme adapter react 17
Javascript React
105 votes376 views1 answer
React simbu2013
Javascript React
0 vote353 views1 answer
Shadowcolor liners in react native
Javascript React
0 vote368 views1 answer
React Native BUILD FAILED on run-ios
Javascript React
5 votes400 views1 answer
Switch was not found in 'react-router-dom'
Javascript React
1 vote340 views1 answer
Npx: Create react chrome extension
Javascript React
1 vote307 views3 answers
Antd react
Javascript React
2 votes370 views1 answer
How to clean react native project
Javascript React
3 votes364 views1 answer
React router dynamic routes
Javascript React