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 votes166 views1 answer
React native netinfo
Javascript React
0 vote199 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React
0 vote208 views1 answer
React-native-cli remove
Javascript React
0 vote206 views1 answer
Como hacer un onpress en react native expo
Javascript React
2 votes216 views1 answer
React setupproxy
Javascript React
0 vote223 views1 answer
React props change
Javascript React
139 votes303 views6 answers
Creat react app
Javascript React
1 vote204 views1 answer
React router base url
Javascript React
0 vote218 views1 answer
Find in array and return true or false react js
Javascript React
0 vote207 views1 answer
React router path array
Javascript React