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

1 vote340 views1 answer
Rendering, reconciliation and committing in react
Javascript React
0 vote218 views1 answer
Yarn add react-native-elements
Javascript React
0 vote146 views1 answer
React native app crashing on start
Javascript React
2 votes146 views2 answers
Run react native app in production mode
Javascript React
0 vote147 views1 answer
Open sans font react js
Javascript React
11 votes147 views3 answers
Add condition inside a className in reactjs
Javascript React
0 vote124 views1 answer
How to add value with useref in react
Javascript React
1 vote139 views1 answer
React best way of forcing component to update
Javascript React
0 vote138 views1 answer
How to show content-type:image/jpg in react
Javascript React
1 vote142 views1 answer
React js console log not working
Javascript React