/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

-1 vote142 views1 answer
Get height component react
Javascript React
2 votes86 views1 answer
Range slider mui can't slide
Javascript React
3 votes141 views1 answer
React pass props to children
Javascript React
28 votes163 views1 answer
Semantic ui dropdown value react
Javascript React
0 vote142 views3 answers
How to serve React JS static files with express JS?
Javascript React
0 vote141 views1 answer
React useState vs variable
Javascript React
1 vote140 views1 answer
Change react native app name
Javascript React
4 votes154 views1 answer
External site links in react Link
Javascript React
0 vote156 views1 answer
How to use rgba in react native
Javascript React
0 vote152 views1 answer
Add pdf in react app
Javascript React