/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 vote207 views1 answer
React native layout animation android
Javascript React
0 vote220 views1 answer
Use jsx extension react-native
Javascript React
0 vote223 views1 answer
Provider not found react
Javascript React
8 votes217 views3 answers
React js props
Javascript React
0 vote213 views1 answer
How to unmount inactive screens in bottom tab react native
Javascript React
0 vote219 views1 answer
Onclick on fragment react
Javascript React
1 vote241 views1 answer
Set Custom User Agent react
Javascript React
0 vote206 views3 answers
Scrollview pull to refresh react native
Javascript React
0 vote226 views1 answer
Asp.net core react server session
Javascript React
0 vote206 views1 answer
React hook form password validation uppercase
Javascript React