/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

0 vote318 views1 answer
Detecting change in animated value react native
Javascript React
0 vote344 views1 answer
Reactjs typeError: Cannot read property 'offsetHeight' of null
Javascript React
-1 vote320 views1 answer
React native toggle button with text
Javascript React
0 vote281 views1 answer
Rendering an array in react
Javascript React
1 vote330 views1 answer
Reactjs change window name
Javascript React
0 vote311 views1 answer
Why my favicon icon is not removing in react
Javascript React
0 vote271 views1 answer
React-simple-star-rating
Javascript React
3 votes322 views1 answer
React router dynamic routes
Javascript React
3 votes306 views1 answer
React native duplicate resources: Android
Javascript React
1 vote305 views1 answer
Adding parameters to url react router
Javascript React