/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 vote248 views1 answer
Textinput multiline start from top react native
Javascript React
0 vote215 views1 answer
Icon with label in react native
Javascript React
-1 vote146 views1 answer
React index.js BrowserRouter
Javascript React
0 vote216 views1 answer
React native get route name
Javascript React
16 votes196 views4 answers
Uuid react
Javascript React
0 vote209 views1 answer
React native geocoding
Javascript React
4 votes187 views1 answer
Navigating programatically react
Javascript React
15 votes234 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
6 votes218 views1 answer
React native rotate
Javascript React
-1 vote209 views1 answer
React time picker
Javascript React