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 vote201 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
105 votes188 views1 answer
React simbu2013
Javascript React
0 vote205 views1 answer
Custom react native product rating
Javascript React
0 vote224 views1 answer
21:216 Error: Unknown property 'crossorigin' found, use 'crossOrigin' instead react/no-unknown-property
Javascript React
5 votes192 views2 answers
What hostings can run react js
Javascript React
0 vote200 views1 answer
React native tdd emzyme
Javascript React
1 vote220 views3 answers
Click outside React component
Javascript React
6 votes174 views1 answer
React dictionary key value avec 2 variable
Javascript React
5 votes180 views2 answers
React img not showing
Javascript React
0 vote205 views1 answer
Generate ios build react native
Javascript React