/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

4 votes131 views1 answer
Navigating programatically react
Javascript React
0 vote152 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
5 votes141 views1 answer
How to host react app on heroku
Javascript React
1 vote141 views1 answer
Arrow not showing react slick
Javascript React
0 vote143 views1 answer
Show and Hide element in react
Javascript React
2 votes147 views1 answer
React strict mode
Javascript React
1 vote170 views2 answers
Deploy create react app pm2
Javascript React
14 votes101 views9 answers
Attempted import error: 'switch' is not exported from 'react-router-dom'.
Javascript React
32 votes155 views1 answer
Install react router in react app
Javascript React
0 vote155 views1 answer
Line separator with text in the center react native
Javascript React