/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 vote220 views1 answer
Antd react native
Javascript React
0 vote237 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
0 vote182 views1 answer
React make component full screen
Javascript React
0 vote199 views2 answers
React router dom v6
Javascript React
0 vote205 views1 answer
How to get circle around text in react natvie
Javascript React
0 vote213 views1 answer
Image and video lightbox react
Javascript React
0 vote203 views1 answer
How to convert react component to image
Javascript React
0 vote194 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
0 vote196 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
1 vote162 views1 answer
How to pass props in react test cases
Javascript React