/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

2 votes363 views2 answers
Rtl support react native
Javascript React
0 vote373 views1 answer
How to add a key in a react element
Javascript React
0 vote376 views1 answer
Input type disappear side scroll react
Javascript React
0 vote381 views1 answer
React native paper modal background
Javascript React
0 vote361 views1 answer
Displaying the date react
Javascript React
5 votes378 views2 answers
React img not showing
Javascript React
0 vote379 views1 answer
React-multi-carousel infinite loop causing issue
Javascript React
0 vote372 views1 answer
React 1 to 10 with step 2 (odd numbers)
Javascript React
2 votes343 views6 answers
React font-awesome
Javascript React
0 vote386 views1 answer
Show and Hide element in react
Javascript React