/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 vote271 views1 answer
How to remove elevation tab bar react native
Javascript React
0 vote233 views1 answer
Store data with props in react js
Javascript React
0 vote245 views1 answer
Load all icon from a folder in react
Javascript React
0 vote268 views1 answer
Filter based on input typing react
Javascript React
2 votes255 views2 answers
React native dimensions window vs screen
Javascript React
0 vote241 views1 answer
Semantic UI react focus on input
Javascript React
0 vote275 views1 answer
React native make safe view in mobile
Javascript React
3 votes247 views2 answers
Fetch data from api in react
Javascript React
18 votes262 views4 answers
React get route params
Javascript React
2 votes288 views2 answers
How to add query parameter to url reactjs
Javascript React