/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 vote111 views1 answer
Reset reactive state vue 3
Javascript React
0 vote127 views1 answer
Props with ternary in react
Javascript React
1 vote61 views2 answers
How to not use relative imports in react js
Javascript React
0 vote123 views1 answer
How to align placeholder in react native
Javascript React
6 votes135 views3 answers
Apply required attribute on input using ternary operator using react js
Javascript React
0 vote101 views1 answer
How to filter items in react state
Javascript React
0 vote105 views1 answer
Text inside an image component react native
Javascript React
6 votes107 views6 answers
Shadow react native generator
Javascript React
0 vote109 views1 answer
React native local.properties
Javascript React
0 vote111 views1 answer
Reactjs exemple function component
Javascript React