/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

11 votes362 views2 answers
How to add react icons using npm
Javascript React
0 vote333 views2 answers
React firebase hooks
Javascript React
0 vote334 views1 answer
Detect finishing write react input
Javascript React
0 vote380 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React
0 vote331 views1 answer
Liquid indicators in react native
Javascript React
0 vote349 views1 answer
How to reset ReactJS file input
Javascript React
0 vote383 views1 answer
React js usehistory push and pass props
Javascript React
1 vote350 views1 answer
React router dom 6 go back
Javascript React
0 vote337 views1 answer
What is react mounting
Javascript React
0 vote338 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React