/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 vote220 views1 answer
React native get mac address
Javascript React
13 votes184 views1 answer
React post request
Javascript React
0 vote184 views5 answers
React buttons npm
Javascript React
0 vote187 views1 answer
Add clickable link to image in react native
Javascript React
94 votes209 views6 answers
Install react router
Javascript React
4 votes194 views1 answer
How to add custom font to react project
Javascript React
0 vote205 views1 answer
React antd form disable submit button
Javascript React
0 vote181 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
0 vote279 views1 answer
React grid generator
Javascript React
11 votes202 views2 answers
React must be in scope when using jsx
Javascript React