/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

2 votes85 views1 answer
How to align text inside react component
Javascript React
-3 votes88 views1 answer
React native share
Javascript React
0 vote81 views1 answer
Format react code in visual studio code
Javascript React
0 vote82 views2 answers
React native countdown
Javascript React
4 votes112 views2 answers
React usememo vs usecallback
Javascript React
0 vote89 views1 answer
React router remove location state on refresh
Javascript React
1 vote82 views2 answers
Await fetch in react
Javascript React
0 vote77 views1 answer
Laravel react 404 routes
Javascript React
0 vote81 views1 answer
Setting up react on visual studio code
Javascript React
1 vote91 views2 answers
How to get window size in react js
Javascript React