En react.js, ¿hay alguna diferencia entre los siguientes dos enfoques? como en términos de rendimiento, etc.?
<SomeComponent props1={props1} props2={props2} />
<SomeComponent { ...{props1, props2} } />
use babel, vea el resultado:
const component1 = <SomeComponent props1={props1} props2={props2} /> const component2 = <SomeComponent { ...{props1, props2} } /> "use strict"; const component1 = /*#__PURE__*/React.createElement(SomeComponent, { props1: props1, props2: props2 }); const component2 = /*#__PURE__*/React.createElement(SomeComponent, { props1, props2 });Esos dos enfoques son exactamente iguales en rendimiento. Porque el operador de propagación no afecta el rendimiento. Creo que el segundo es el mejor caso de uso que el primero.