/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 vote324 views1 answer
Did you mean "@babel/transform-react-jsx-source"
Javascript React
0 vote294 views1 answer
React currency format
Javascript React
0 vote311 views3 answers
React router browser refresh
Javascript React
0 vote419 views1 answer
No routes matched location / react router
Javascript React
0 vote317 views1 answer
React 1 to 10 with step 2 (odd numbers)
Javascript React
0 vote347 views1 answer
React fetch data in for loop
Javascript React
5 votes348 views1 answer
Deploy react js heroku
Javascript React
2 votes309 views1 answer
How to dynamically show image from local storage in react native
Javascript React
0 vote391 views1 answer
How to download an mp3 file in react native
Javascript React
0 vote329 views1 answer
React-template-helper
Javascript React