/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 vote180 views1 answer
TextInput cursor not shown react native
Javascript React
33 votes168 views5 answers
Img tag in react
Javascript React
2 votes147 views1 answer
React refresh page every second
Javascript React
0 vote148 views1 answer
Reading state react
Javascript React
6 votes164 views2 answers
How do I conditionally add attributes to React components?
Javascript React
1 vote159 views1 answer
What is react easy emoji
Javascript React
7 votes149 views3 answers
How to update a state with an array react
Javascript React
69 votes183 views6 answers
React route
Javascript React
0 vote205 views1 answer
Gradle error react native
Javascript React
0 vote168 views1 answer
React hook form example stack overflow
Javascript React