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

11 votes186 views3 answers
React native text ellipsis
Javascript React
1 vote209 views4 answers
Notification react native
Javascript React
4 votes200 views1 answer
React native scrollview horizontal
Javascript React
0 vote182 views1 answer
React catch error json message
Javascript React
0 vote186 views1 answer
How to get property names from object using map method react
Javascript React
0 vote243 views2 answers
Toastify react not working
Javascript React
0 vote175 views1 answer
Detect the city on application launch via geolocation react native
Javascript React
0 vote191 views3 answers
Link react router dom
Javascript React
16 votes206 views3 answers
Importing svg into react
Javascript React
3 votes177 views1 answer
React js image path src from local folder
Javascript React