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 vote95 views1 answer
Store data with props in react js
Javascript React
0 vote140 views1 answer
In whatsapp share text add a new line react
Javascript React
0 vote137 views1 answer
Reactjs class exemple componentDidMount
Javascript React
0 vote183 views1 answer
What is the difference between throttling and debounce and raf throttling in react
Javascript React
0 vote144 views1 answer
Localhost server in react native
Javascript React
1 vote134 views1 answer
React js empty build
Javascript React
17 votes196 views3 answers
React canvas clear
Javascript React
98 votes177 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
18 votes154 views6 answers
React native release apk command
Javascript React
0 vote146 views2 answers
.env file example react native
Javascript React