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

3 votes153 views3 answers
How to remove global react-native-cli package
Javascript React
1 vote148 views3 answers
React mid senior dev interview questuions
Javascript React
0 vote201 views1 answer
No unuseds varsnreactjs
Javascript React
0 vote158 views3 answers
React native navigation change header title
Javascript React
0 vote138 views3 answers
React counter animation
Javascript React
0 vote163 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
0 vote105 views1 answer
React native pdf creater html-to-pdf
Javascript React
0 vote177 views2 answers
Loop through array react native
Javascript React
0 vote156 views1 answer
React tagInput component
Javascript React
0 vote192 views1 answer
React controllers
Javascript React