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 vote150 views1 answer
Onclick on fragment react
Javascript React
4 votes147 views1 answer
How to add custom font to react project
Javascript React
32 votes87 views4 answers
React update state array of objects
Javascript React
0 vote123 views2 answers
React toggle boolean state
Javascript React
0 vote130 views2 answers
React native setstate object
Javascript React
1 vote135 views2 answers
React select npm
Javascript React
1 vote123 views1 answer
Error: open failed: EACCES (Permission denied) react native
Javascript React
0 vote135 views1 answer
_40 0 _55 null _65 0 _72 null react native fetch
Javascript React
0 vote143 views2 answers
Drag n drop file upload react
Javascript React
0 vote175 views1 answer
Modal in react
Javascript React