/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 vote210 views1 answer
React video srcObject
Javascript React
0 vote196 views1 answer
React string to integer
Javascript React
1 vote227 views1 answer
Three.js react
Javascript React
-1 vote202 views1 answer
Flatlist react native horizontal
Javascript React
0 vote197 views2 answers
React social login button
Javascript React
1 vote204 views1 answer
How to execute function without using onclick on react code example
Javascript React
0 vote217 views1 answer
Url in listitem react
Javascript React
0 vote196 views1 answer
React native scrollbar position issue
Javascript React
0 vote201 views1 answer
Run react android
Javascript React
0 vote223 views1 answer
React native floating button
Javascript React