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

1 vote143 views1 answer
How to create a button with react
Javascript React
0 vote129 views1 answer
Ityped react
Javascript React
0 vote136 views1 answer
React Hook useEffect has missing dependencies: 'cart' and 'user._id'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Javascript React
-1 vote92 views1 answer
Vimeo player react native
Javascript React
0 vote183 views1 answer
Tailwind css toggle switch react
Javascript React
1 vote133 views1 answer
Arrow not showing react slick
Javascript React
0 vote159 views1 answer
Activez la compression de texte react js
Javascript React
0 vote132 views1 answer
React useState vs variable
Javascript React
0 vote142 views1 answer
React js usehistory push and pass props
Javascript React
0 vote150 views2 answers
Remove state from location on page load in react router dom
Javascript React