/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 vote135 views1 answer
Switch tab react
Javascript React
5 votes129 views1 answer
React dom
Javascript React
16 votes146 views6 answers
Usestate in react
Javascript React
5 votes148 views2 answers
Gradlew clean in react native
Javascript React
0 vote144 views1 answer
Doughnut chartjs with react display percentage
Javascript React
1 vote167 views1 answer
How to delete an object from array in reactjs
Javascript React
0 vote158 views1 answer
Blank array condition in react js
Javascript React
0 vote137 views1 answer
My react router Dom learnings
Javascript React
0 vote132 views1 answer
Added font to react native
Javascript React
13 votes153 views5 answers
React native setup
Javascript React