/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 votes363 views4 answers
Uuid react
Javascript React
3 votes376 views4 answers
React Redux Thunk
Javascript React
6 votes393 views1 answer
React hooks scss supoort
Javascript React
0 vote414 views1 answer
How to remove elevation tab bar react native
Javascript React
0 vote362 views1 answer
Semantic UI react focus on input
Javascript React
0 vote384 views3 answers
React native version
Javascript React
0 vote365 views1 answer
React form hook trigger is not a function
Javascript React
0 vote363 views1 answer
Get element ref react
Javascript React
0 vote397 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
0 vote388 views2 answers
Quokka create-react-app sample
Javascript React