/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 vote161 views1 answer
React-multi-carousel don't work
Javascript React
0 vote176 views1 answer
How to pass property component in react enzyme
Javascript React
2 votes144 views2 answers
Easiest way to show current date in react
Javascript React
1 vote143 views1 answer
How hooks handle dependency in react
Javascript React
7 votes129 views2 answers
How to pass a component as a prop in react
Javascript React
0 vote162 views1 answer
React native text area form
Javascript React
0 vote148 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
0 vote147 views1 answer
React Redux reducer crud
Javascript React
0 vote139 views1 answer
Laravel react 404 routes
Javascript React
0 vote152 views1 answer
Create react app run test apecific folfer
Javascript React