/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

3 votes376 views3 answers
How to manage safearea in both iphone and android in react native
Javascript React
0 vote387 views1 answer
Provider not found react
Javascript React
2 votes371 views1 answer
How to add multiple style attributes in react element
Javascript React
0 vote370 views1 answer
React hooks component re render when button press
Javascript React
0 vote382 views1 answer
React proxy to flask server
Javascript React
-1 vote414 views1 answer
How many data binding in react
Javascript React
9 votes365 views6 answers
How to check react version
Javascript React
0 vote356 views1 answer
Options not working properly in reactjs
Javascript React
0 vote364 views1 answer
Formdata append react js
Javascript React
0 vote385 views1 answer
React chart js 2 api data
Javascript React