/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 vote329 views1 answer
Start withnreact
Javascript React
0 vote323 views1 answer
How to run electron and react using concurrently
Javascript React
0 vote315 views2 answers
Toastify react not working
Javascript React
0 vote300 views1 answer
Async wait for axios reactjs
Javascript React
8 votes271 views4 answers
Props react
Javascript React
0 vote303 views2 answers
Apply back button to a react component
Javascript React
48 votes283 views1 answer
Emmet not working react js
Javascript React
0 vote302 views1 answer
Automatic Slideshow in react js
Javascript React
0 vote295 views1 answer
React router dom default params
Javascript React
2 votes301 views2 answers
React get url querystring
Javascript React