/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 vote141 views1 answer
React native text input right
Javascript React
47 votes150 views3 answers
How to comment in the react javascript
Javascript React
1 vote153 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React
1 vote157 views1 answer
Add sass autoprefixer to react
Javascript React
0 vote147 views2 answers
Loader in react
Javascript React
2 votes97 views1 answer
Function component react form
Javascript React
0 vote150 views1 answer
React component visibility
Javascript React
0 vote141 views2 answers
React 17 hot reload not working
Javascript React
5 votes166 views2 answers
React js download file
Javascript React
0 vote157 views1 answer
React style css image
Javascript React