/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 vote359 views1 answer
React set multible attribute values
Javascript React
0 vote264 views2 answers
Datepicker react native
Javascript React
1 vote329 views2 answers
React PropTypes.instanceOf
Javascript React
0 vote294 views1 answer
React JSON data to display in a table
Javascript React
0 vote313 views1 answer
Difference between controlled and uncontrolled components in react js
Javascript React
2 votes299 views1 answer
Set dynamic route in link react js
Javascript React
0 vote306 views1 answer
React.createElement
Javascript React
2 votes274 views1 answer
View background image in react native
Javascript React
7 votes277 views2 answers
Insert a line break into a text component in react-native
Javascript React
-2 votes285 views1 answer
Multiple image upload react
Javascript React