/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 votes294 views2 answers
React filter array from another array
Javascript React
0 vote234 views1 answer
How to remove the top border from table react bootstrap
Javascript React
0 vote247 views1 answer
Page is loading from previous page scroll in reactjs
Javascript React
1 vote247 views1 answer
Sort function in react js
Javascript React
1 vote272 views1 answer
Reactjs compile subdomine
Javascript React
1 vote245 views1 answer
Conditional style react native
Javascript React
0 vote258 views1 answer
How to call api on load using hooks in react
Javascript React
16 votes263 views3 answers
Start react native
Javascript React
1 vote238 views1 answer
Rendering in react
Javascript React
-2 votes240 views1 answer
How to identify debug and release build in react native
Javascript React