/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 vote241 views1 answer
Github create react app buildpack
Javascript React
2 votes209 views2 answers
React native asign width to image
Javascript React
32 votes213 views1 answer
React router command
Javascript React
7 votes264 views2 answers
Pass props in react
Javascript React
0 vote219 views1 answer
Remove duplicate value from map react js
Javascript React
1 vote209 views1 answer
React native slow performance after load iamges
Javascript React
66 votes208 views6 answers
Routing react
Javascript React
17 votes205 views6 answers
React native build android
Javascript React
0 vote202 views1 answer
React js Property 'Select' does not exist on type 'Form'.ts(2339) an
Javascript React
6 votes216 views2 answers
React native activity indicator
Javascript React