/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

50 votes235 views6 answers
Yarn create react app
Javascript React
0 vote271 views1 answer
Auto refresh database in outsystems reactive
Javascript React
-2 votes262 views1 answer
Starter react redux project
Javascript React
1 vote278 views1 answer
Functional component how to add to existing array react
Javascript React
10 votes261 views4 answers
React native disable warnings
Javascript React
1 vote247 views1 answer
React current path
Javascript React
0 vote250 views1 answer
Start live server react js
Javascript React
0 vote251 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
0 vote256 views2 answers
Hosting react on gh pages
Javascript React
1 vote273 views1 answer
"react native" component dynamic children props
Javascript React