/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

4 votes187 views1 answer
Pass parameter to handleclick react
Javascript React
0 vote377 views1 answer
How to place text over image in react
Javascript React
1 vote150 views1 answer
React native network request failed fetch
Javascript React
0 vote193 views1 answer
Shallow render in react
Javascript React
0 vote195 views1 answer
Debug react routes
Javascript React
1 vote208 views1 answer
Rich editor react
Javascript React
1 vote221 views1 answer
React native componentwillmount vs componentdidmount
Javascript React
3 votes216 views3 answers
How to hide source for react project
Javascript React
0 vote205 views1 answer
React toastify does not have design
Javascript React
0 vote192 views1 answer
How to detect if app is loosing focuse in react native
Javascript React