/Javascript/React/React avoid spreading non-dom props across component

React avoid spreading non-dom props across component

function MyDiv(props) {

  const divProps = Object.assign({}, props);
  delete divProps.layout;

  if (props.layout === 'horizontal') {
    return <div {...divProps} style={getHorizontalStyle()} />
  } else {
    return <div {...divProps} style={getVerticalStyle()} />
  }
}

Source: reactjs.org

Similar codes

-1 vote121 views1 answer
Date time react component
Javascript React
7 votes127 views5 answers
Resize image react native
Javascript React
0 vote131 views1 answer
How to add carsoul to react project
Javascript React
0 vote126 views1 answer
React-router in saga
Javascript React
0 vote118 views1 answer
React simple typewriter
Javascript React
0 vote112 views1 answer
React-particles-js not working
Javascript React
0 vote125 views3 answers
React-hook-form input
Javascript React
3 votes82 views2 answers
React navigation header transparent
Javascript React
2 votes119 views2 answers
How to add multiple classes to a ReactJS Component
Javascript React
0 vote124 views2 answers
Dispay react component after some time
Javascript React