- Arrow functions
- Destructuring
const Header = ({ parrafo, titulo }) => (
<header>
<h1>{titulo}</h1>
<p>{parrafo}</p>
</header>
);
- Spread operator
const obj = {
titulo: 'Getting Started',
parrafo: 'Descripción'
};
ReactDOM.render(
<Header {...obj} />,
document.getElementById('header')
);