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 vote197 views1 answer
React native rename package name
Javascript React
0 vote294 views7 answers
Convert css box shadow to react native
Javascript React
0 vote191 views1 answer
React Update a label when rate moves
Javascript React
33 votes204 views2 answers
Routing in react
Javascript React
0 vote196 views1 answer
React array if id is present do not add element
Javascript React
1 vote196 views1 answer
Scale text in div react
Javascript React
0 vote183 views1 answer
Google pay payment gateway for react js project
Javascript React
1 vote160 views1 answer
Mkdir: cannot create directory â€˜src/components/dashboardâ€™: no such file or directory in react
Javascript React
142 votes754 views6 answers
Create-react-app
Javascript React
0 vote182 views1 answer
@testing-library/react-native switch
Javascript React