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 vote352 views1 answer
Calculations inside a render function react js
Javascript React
2 votes359 views3 answers
React cdn
Javascript React
1 vote373 views1 answer
React tostify
Javascript React
0 vote385 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React
1 vote372 views1 answer
How to setup React Context, useContext Hook
Javascript React
4 votes353 views3 answers
Get params in react router dom v6
Javascript React
12 votes333 views1 answer
Suspense react
Javascript React
17 votes352 views5 answers
React native icons
Javascript React
0 vote347 views1 answer
Semantic UI react focus on input
Javascript React
0 vote343 views1 answer
React call bind apply
Javascript React