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 vote106 views1 answer
React native map not loading
Javascript React
5 votes106 views3 answers
Get url react
Javascript React
0 vote104 views1 answer
React notification
Javascript React
7 votes103 views2 answers
Input type password react native
Javascript React
0 vote125 views1 answer
React read multiple files with filereader
Javascript React
0 vote92 views1 answer
Placeholder text disappear when click in react
Javascript React
0 vote117 views1 answer
React shadow
Javascript React
0 vote97 views1 answer
Map of filtered data react
Javascript React
0 vote103 views1 answer
How to style navigation drawer react navigation v5
Javascript React
5 votes109 views1 answer
React native backgrunde img
Javascript React