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 vote242 views1 answer
Create-react-app enviroment variables
Javascript React
0 vote193 views1 answer
Bottom shadow in react native
Javascript React
2 votes261 views1 answer
React router 404 redirect
Javascript React
9 votes226 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote198 views1 answer
Could not resolve project :react-native-iap mergedebugassets
Javascript React
98 votes238 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
1 vote183 views1 answer
Firebase react router page not found on page refresh
Javascript React
-1 vote244 views1 answer
Install proptypes react
Javascript React
0 vote207 views2 answers
Counter with react hooks
Javascript React
0 vote207 views1 answer
Eslint init settings for ReactJS
Javascript React