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 vote109 views1 answer
Get element ref react
Javascript React
0 vote115 views1 answer
React native local.properties
Javascript React
0 vote117 views1 answer
Npm react-native-async-storage
Javascript React
0 vote115 views1 answer
How to resolve click for div logging as parent too, in react
Javascript React
0 vote121 views1 answer
How to remove an object from array in react native
Javascript React
3 votes118 views2 answers
React get data attribute from element
Javascript React
4 votes114 views2 answers
Countdown in react js
Javascript React
7 votes114 views2 answers
React router 6 redirect
Javascript React
0 vote106 views1 answer
React native scrollbar position issue
Javascript React
0 vote109 views1 answer
Circle button react native
Javascript React