/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

19 votes131 views3 answers
React Hooks append state
Javascript React
0 vote142 views1 answer
Render object id in an array reactjs from database
Javascript React
0 vote79 views1 answer
React native pdf creater html-to-pdf
Javascript React
2 votes123 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
0 vote119 views1 answer
React native layout animation android
Javascript React
0 vote127 views1 answer
Library to add navigation in react native
Javascript React
0 vote137 views1 answer
React native make safe view in mobile
Javascript React
18 votes116 views6 answers
React native android build
Javascript React
0 vote114 views1 answer
Ctx beginpath react
Javascript React
1 vote140 views1 answer
React event target square brackets
Javascript React