/Javascript/React/Add class to react children

Add class to react children

React add class to each children

const StyleInjector = ({ children }) => {
   const StyledChildren = () =>
    React.Children.map(children, child =>
      React.cloneElement(child, {
        className: `${child.props.className} ${PUT_YOUR_CLASS_HERE}`
      })
    );

  return <StyledChildren />;
};

Source: stackoverflow.com

Similar codes

0 vote131 views1 answer
React-with-firebase-auth
Javascript React
1 vote135 views1 answer
How to use cookies in react js
Javascript React
1 vote121 views1 answer
React setup for handling UI.
Javascript React
1 vote84 views1 answer
React native network request failed fetch
Javascript React
0 vote142 views1 answer
Popup react now ui
Javascript React
0 vote127 views1 answer
How to turn of autocomplete in react hook form material ui
Javascript React
1 vote128 views1 answer
React js component parameters
Javascript React
1 vote131 views1 answer
Adding media queries in makeStyle material react
Javascript React
0 vote154 views1 answer
React receiving socket muitple times
Javascript React
0 vote136 views1 answer
Radio button in reactive forms angular material
Javascript React