/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 vote284 views1 answer
React native onChangeText resize the background image
Javascript React
15 votes315 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
5 votes335 views2 answers
React img not showing
Javascript React
0 vote367 views1 answer
Import batch from 'react-redux'
Javascript React
1 vote351 views1 answer
Is a good idea to add class in react hooks with document.body.addclasslist
Javascript React
20 votes318 views2 answers
React localstorage
Javascript React
1 vote300 views1 answer
Inject Javascript Function not working in Android React Native WebView but work fine in iOS React Native
Javascript React
7 votes345 views1 answer
The path argument must be of type string. received undefined react
Javascript React
0 vote299 views1 answer
Rendering an array in react
Javascript React
1 vote421 views1 answer
React native flatlist hide scrollbar
Javascript React