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

4 votes177 views1 answer
Import react icons module
Javascript React
0 vote231 views1 answer
React paypal express checkout
Javascript React
0 vote183 views1 answer
Gradlew command not found react native
Javascript React
1 vote249 views1 answer
How to set limit in map in react hook
Javascript React
0 vote221 views1 answer
Doughnut chartjs with react display percentage
Javascript React
1 vote198 views2 answers
Reset form input react
Javascript React
0 vote173 views1 answer
How to validate password and confirm password on react form hook
Javascript React
1 vote189 views1 answer
React native cannot make request on localhost
Javascript React
2 votes203 views2 answers
Run react native app in production mode
Javascript React
5 votes187 views3 answers
Open in a new tab react
Javascript React