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 vote209 views1 answer
Use jsx extension react-native
Javascript React
0 vote153 views1 answer
Debugging react native
Javascript React
23 votes210 views6 answers
React native shadow
Javascript React
5 votes216 views6 answers
Box shadow in react native
Javascript React
25 votes297 views5 answers
Image react
Javascript React
1 vote208 views5 answers
React date picker
Javascript React
1 vote262 views1 answer
Typing refs react
Javascript React
0 vote196 views1 answer
Reactive forms angular conditional disabling
Javascript React
0 vote213 views1 answer
React native skeleton
Javascript React
0 vote193 views1 answer
React merge two objects
Javascript React