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

1 vote399 views1 answer
React waypoint loadmore not working
Javascript React
3 votes174 views1 answer
React create array
Javascript React
0 vote123 views1 answer
Stateprovider.js react
Javascript React
1 vote134 views1 answer
Iconify react
Javascript React
0 vote128 views1 answer
RenderIndicator example react responsive carousel
Javascript React
0 vote160 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React
0 vote130 views1 answer
Retour à la ligne react native
Javascript React
0 vote126 views1 answer
Decrease touchableopacity in react native
Javascript React
0 vote119 views1 answer
React tooltip doesn't work
Javascript React
0 vote132 views4 answers
Reactnative sliding image
Javascript React