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 vote146 views1 answer
Force users to update your application in React Native
Javascript React
5 votes173 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
0 vote139 views1 answer
React call component state
Javascript React
0 vote181 views1 answer
React native star rating component
Javascript React
0 vote155 views1 answer
Spining load react component
Javascript React
0 vote152 views1 answer
Flatlist footer react native
Javascript React
1 vote128 views2 answers
Prevstate in react
Javascript React
0 vote135 views1 answer
Export all functions from js file react
Javascript React
262 votes289 views6 answers
Create a react native project
Javascript React
0 vote136 views1 answer
How to find network there is no network react native
Javascript React