1.1 KiB
1.1 KiB
title | localeTitle |
---|---|
Render a Class Component to the DOM | Renderizar un componente de clase al DOM |
Renderizar un componente de clase al DOM
Tu código debería terminar pareciéndose a esto:
class TypesOfVehicles extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div>
<h1>Types of Vehicles:</h1>
<Car />
<Motorcycle />
</div>
);
}
}
ReactDOM.render(<TypesOfVehicles />,'node-id')
La sintaxis de ReactDOM.render puede ser un poco complicada, debe usar los corchetes de triángulos cuando pase un componente de clase. Además, los dos subcomponentes se declaran entre bambalinas, lo que puede resultar confuso si estás acostumbrado a todas las variables que se definen en el editor de código y que están visibles delante de ti.
Insinuación
- use document.getElementById ('id') para obtener el nodo de destino