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 vote219 views1 answer
How to use adminlte in reacts
Javascript React
7 votes254 views3 answers
Conditional style prop react
Javascript React
5 votes245 views1 answer
React-select
Javascript React
0 vote201 views1 answer
Debug react routes
Javascript React
1 vote204 views1 answer
Reactjs .htaccess
Javascript React
4 votes273 views1 answer
React props.children proptype
Javascript React
0 vote216 views1 answer
How to get circle around text in react natvie
Javascript React
0 vote212 views1 answer
Stop from from refresching page react
Javascript React
2 votes206 views1 answer
React-native-reanimated npm
Javascript React
0 vote219 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React