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 vote142 views2 answers
Write data in props.histroy.push in react component
Javascript React
9 votes137 views1 answer
Create react app in current folder
Javascript React
0 vote151 views1 answer
Heroku buildpacks with react
Javascript React
0 vote151 views1 answer
React Liked Component
Javascript React
0 vote135 views1 answer
React native text area align top
Javascript React
0 vote150 views1 answer
Comment creer des switch en react js
Javascript React
0 vote177 views1 answer
React native image path in vriable
Javascript React
1 vote145 views1 answer
Reactjs change window name
Javascript React
0 vote136 views1 answer
Autofocus is not working in react native
Javascript React
0 vote147 views1 answer
React prevent form submission on enter key press inside inputs
Javascript React