/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

108 votes253 views1 answer
How to start react app in windows
Javascript React
2 votes218 views1 answer
React router 404 redirect
Javascript React
0 vote231 views1 answer
Dynamic for loop react
Javascript React
5 votes251 views1 answer
Wrap text react native
Javascript React
0 vote230 views1 answer
React bootstrap font awesome icons
Javascript React
0 vote225 views1 answer
Display image from local JSON / JS Object using React
Javascript React
0 vote242 views1 answer
React Fontawesome Thumbs Up/Down rating (showcases background icon hiding)
Javascript React
1 vote253 views1 answer
React redux wait for props
Javascript React
0 vote236 views1 answer
Npm auth0-react
Javascript React
2 votes219 views2 answers
Splice state react
Javascript React