/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

16 votes117 views3 answers
Importing svg into react
Javascript React
0 vote102 views1 answer
Disable key enter react-hook-form
Javascript React
0 vote128 views1 answer
React Fractional rating
Javascript React
4 votes105 views1 answer
How to use font awewsome in react app
Javascript React
4 votes112 views2 answers
React filter array from another array
Javascript React
1 vote120 views2 answers
Use state reactjs
Javascript React
0 vote110 views1 answer
React particles js
Javascript React
5 votes110 views2 answers
What hostings can run react js
Javascript React
0 vote123 views1 answer
Most common use cases of portals in react
Javascript React
1 vote93 views1 answer
How to run an existing react project
Javascript React