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 vote126 views1 answer
How to disable react in jsx scope eslint
Javascript React
0 vote126 views1 answer
React hooks link to external site
Javascript React
1 vote134 views1 answer
Vim react snippets
Javascript React
157 votes275 views6 answers
Create new react app
Javascript React
1 vote137 views2 answers
React native modal
Javascript React
0 vote118 views1 answer
React native webview disable touch
Javascript React
0 vote117 views1 answer
Native module reactnativepushnotification tried to override rnpushnotification
Javascript React
13 votes118 views2 answers
Download react devtools for chrome
Javascript React
0 vote106 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React
0 vote122 views1 answer
Empty div react
Javascript React