/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 vote331 views1 answer
Get height webview from url video react native
Javascript React
0 vote309 views1 answer
Remove console messages of react-i18next
Javascript React
2 votes336 views2 answers
Import lodash react
Javascript React
6 votes309 views1 answer
Remove yellow warning react native emulator
Javascript React
1 vote366 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote324 views1 answer
Sweper slider react
Javascript React
32 votes319 views1 answer
Install react router in react app
Javascript React
0 vote335 views1 answer
Network display react native
Javascript React
0 vote327 views1 answer
Making a react js website project ready for hosting
Javascript React
4 votes318 views1 answer
How to use font awewsome in react app
Javascript React