/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

1 vote368 views1 answer
How to set height of material ui dialog react
Javascript React
1 vote355 views2 answers
How to render react native app under the status bar
Javascript React
2 votes340 views2 answers
Chrome back button click event react
Javascript React
1 vote371 views1 answer
Angular validators number only in reactive form
Javascript React
2 votes364 views1 answer
React native text right align
Javascript React
1 vote328 views1 answer
Strings compare react
Javascript React
1 vote380 views1 answer
Found page without a React Component as default export in
Javascript React
1 vote368 views3 answers
Linear gradient react native
Javascript React
-1 vote363 views1 answer
Convert datetime value to time only in reactjs
Javascript React
0 vote357 views1 answer
React Redux reducer crud
Javascript React