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 vote186 views1 answer
Stop from from refresching page react
Javascript React
0 vote190 views1 answer
React js marked import and use
Javascript React
0 vote174 views1 answer
React-datepicker
Javascript React
0 vote183 views3 answers
React form validation
Javascript React
0 vote194 views1 answer
Exit ios inspector in react native
Javascript React
7 votes171 views2 answers
Br in react native
Javascript React
0 vote219 views1 answer
Olx clone react
Javascript React
0 vote174 views1 answer
Publish reactjs package to gitlab repository
Javascript React
-1 vote186 views1 answer
Timestamp to unix time react
Javascript React
0 vote184 views1 answer
Nested navigation react native
Javascript React