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 vote201 views1 answer
React Spread Attributes conditionally
Javascript React
0 vote224 views2 answers
Combine p5 with react
Javascript React
0 vote227 views1 answer
Open close children modal react
Javascript React
0 vote215 views1 answer
Unrecognized font family fontawesome react native ios
Javascript React
0 vote300 views1 answer
React native carriage return
Javascript React
3 votes204 views3 answers
React change url params
Javascript React
8 votes207 views4 answers
Props react
Javascript React
0 vote230 views2 answers
Count down timer in react native
Javascript React
0 vote186 views1 answer
Remove an item from a component in react
Javascript React
1 vote212 views1 answer
React native rename package name
Javascript React