/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 vote216 views1 answer
How to disable react in jsx scope eslint
Javascript React
1 vote225 views1 answer
How to clear pod cache in react native
Javascript React
0 vote214 views1 answer
Stop from from refresching page react
Javascript React
0 vote228 views1 answer
Reactnaviataion change title
Javascript React
38 votes242 views2 answers
How to comment out code in react js
Javascript React
1 vote238 views1 answer
For loop value index react
Javascript React
0 vote255 views1 answer
Too many open files react native
Javascript React
0 vote244 views1 answer
Make custom draggable in react
Javascript React
5 votes266 views1 answer
React native break line text if too big
Javascript React
2 votes199 views2 answers
Prevent refresh react
Javascript React