/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 vote130 views1 answer
Google-maps-react give undefined lat long
Javascript React
2 votes144 views1 answer
How to use `setState` callback on react hooks
Javascript React
1 vote130 views1 answer
Class and id in react
Javascript React
0 vote133 views2 answers
Add typescript to react-native
Javascript React
0 vote162 views1 answer
Change module name react native android studio
Javascript React
1 vote139 views1 answer
Change color react icon
Javascript React
0 vote138 views3 answers
React-router-dom status code 301
Javascript React
0 vote141 views1 answer
Can't bookmark react router
Javascript React
0 vote175 views1 answer
Set cors for a react node application socket error
Javascript React
2 votes143 views2 answers
React detect screen size
Javascript React