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 vote152 views1 answer
React shadow
Javascript React
0 vote136 views1 answer
Reactjs import electron
Javascript React
2 votes142 views1 answer
Authfunctions react
Javascript React
0 vote150 views1 answer
React bootstrap carousel caption placement top
Javascript React
0 vote141 views1 answer
How to prevent previous radio button active react native
Javascript React
5 votes142 views1 answer
How to create component in reactjs
Javascript React
131 votes337 views6 answers
Creating react app
Javascript React
8 votes136 views1 answer
Update object in react hooks
Javascript React
114 votes174 views3 answers
Run react app
Javascript React
1 vote152 views1 answer
SFC in react
Javascript React