/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

8 votes332 views3 answers
Change title react
Javascript React
2 votes310 views2 answers
Splice state react
Javascript React
0 vote343 views1 answer
React fetch request with content type x-www-form-urlencoded
Javascript React
1 vote323 views1 answer
Adding parameters to url react router
Javascript React
0 vote327 views1 answer
Only numbers or string. Input field in React
Javascript React
0 vote328 views1 answer
Use of parse in react
Javascript React
9 votes316 views1 answer
Create react app in current folder
Javascript React
7 votes334 views2 answers
How to import js via script in react
Javascript React
15 votes320 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
0 vote312 views1 answer
Mock a function jest react
Javascript React