/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

-1 vote163 views1 answer
Timestamp to unix time react
Javascript React
1 vote161 views2 answers
Can't perform a react state update
Javascript React
4 votes171 views2 answers
Change the route on button click react
Javascript React
6 votes119 views2 answers
React-router-dom get current route
Javascript React
0 vote165 views1 answer
Active link color different in react js
Javascript React
142 votes723 views3 answers
Install react app
Javascript React
0 vote189 views1 answer
Doughnut chartjs with react display percentage
Javascript React
0 vote170 views1 answer
React-native-dropdown-picker for form react native
Javascript React
0 vote172 views1 answer
Matched leaf route at location "/" does not have an element. react
Javascript React
3 votes158 views2 answers
Autocomplete react jsx attributes vscode
Javascript React