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

7 votes235 views2 answers
How to import js via script in react
Javascript React
0 vote235 views1 answer
Npm auth0-react
Javascript React
0 vote227 views1 answer
How get value of datePicker in react
Javascript React
0 vote246 views1 answer
React native paper modal background
Javascript React
14 votes232 views5 answers
React conditional classname
Javascript React
3 votes277 views2 answers
How to know the current route in react class component
Javascript React
2 votes248 views1 answer
Dot env react native
Javascript React
0 vote224 views1 answer
React handling event
Javascript React
1 vote270 views5 answers
Enzyme adapter react 17
Javascript React
0 vote236 views1 answer
React JSON data to display in a table
Javascript React