/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 vote227 views1 answer
How to insert divider in react native
Javascript React
3 votes200 views1 answer
React after deployment givin nginx 404
Javascript React
0 vote208 views2 answers
Capitalize each word from string in react
Javascript React
0 vote221 views1 answer
Ngif react
Javascript React
8 votes221 views3 answers
Icon shwoing a box react native vector icons
Javascript React
1 vote212 views1 answer
Npm react dropdown
Javascript React
0 vote179 views1 answer
ReactNative onPress doesn't exist
Javascript React
0 vote219 views1 answer
Svg as a component react
Javascript React
0 vote201 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
1 vote214 views3 answers
React native port
Javascript React