/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 vote195 views2 answers
React js http post 500 internal server error
Javascript React
28 votes183 views6 answers
React fontawesome
Javascript React
0 vote156 views1 answer
Circle button react native
Javascript React
2 votes199 views3 answers
React scroll on top while transition
Javascript React
18 votes201 views4 answers
React for loop in render
Javascript React
3 votes178 views1 answer
White screen issue in react native splashscreen
Javascript React
0 vote199 views1 answer
Remove react native cli mac
Javascript React
15 votes225 views3 answers
Create react app and tailwind
Javascript React
1 vote200 views2 answers
What is the purpose of the super(props) method in React
Javascript React
2 votes187 views1 answer
How to align text inside react component
Javascript React