/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

15 votes195 views3 answers
Image react native
Javascript React
0 vote206 views1 answer
Stateprovider.js react
Javascript React
0 vote199 views1 answer
Spring reactive web client throw exception test
Javascript React
64 votes239 views7 answers
React router
Javascript React
24 votes215 views4 answers
React copy to clipboard button
Javascript React
0 vote207 views1 answer
Expo cli vs react native cli
Javascript React
4 votes209 views1 answer
On window resize react
Javascript React
6 votes192 views1 answer
React native data map is not a function
Javascript React
0 vote178 views2 answers
Can we use .env in react native?
Javascript React
0 vote206 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React