/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

2 votes262 views1 answer
React nginx returns 404 after reload
Javascript React
0 vote269 views1 answer
Row smaller than the container bootstrap react
Javascript React
0 vote328 views1 answer
No unuseds varsnreactjs
Javascript React
18 votes284 views3 answers
React detect enter key
Javascript React
0 vote242 views2 answers
Why we use react js
Javascript React
1 vote233 views2 answers
React js class component
Javascript React
5 votes284 views2 answers
Remove underline from link i react
Javascript React
0 vote269 views1 answer
Dropdown menu in react does not re render the component
Javascript React
5 votes293 views1 answer
React style ternary operator
Javascript React
2 votes292 views3 answers
Cdn react
Javascript React