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 vote155 views1 answer
React video srcObject
Javascript React
0 vote140 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
0 vote137 views1 answer
How to rerender a page in React when the user clicks the back button
Javascript React
3 votes136 views2 answers
How to get custom attribute value in react
Javascript React
0 vote125 views2 answers
Create a reactjs app with backend and docker
Javascript React
0 vote163 views3 answers
Create react app theme_color
Javascript React
0 vote148 views1 answer
React google map doesn't update marker
Javascript React
11 votes136 views4 answers
How to check for react version
Javascript React
0 vote129 views1 answer
Hide and show on button click in react js functional component
Javascript React
1 vote131 views1 answer
How to create round image in react native
Javascript React