/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 vote189 views1 answer
React hook form submit outside form
Javascript React
0 vote187 views1 answer
React native length of object
Javascript React
0 vote198 views1 answer
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15); to react native
Javascript React
-2 votes194 views1 answer
Multiple image upload react
Javascript React
16 votes203 views1 answer
Deploy react app netlify
Javascript React
0 vote211 views1 answer
Reactjs limit text display 20 200 characters
Javascript React
0 vote207 views1 answer
Pass status of checkbox to a function react js
Javascript React
0 vote230 views1 answer
Create react app with vite
Javascript React
0 vote201 views1 answer
React router cannot read location of undefined
Javascript React
1 vote194 views2 answers
React chartjs 2
Javascript React