Creare un component tramite classe in ReactJS
di 
Stefano Mostarda, in HTML5,
Nello script #267 abbiamo visto come creare un component in ReactJS utilizzando una semplice function. Sebbene l'utilizzo di una function sia il metodo più semplice per creare un component, nei casi in cui abbiamo bisogno di maggior potenza possiamo ricorrere all'utilizzo di una classe. Per creare un component da una classe dobbiamo crearne una che estende Component e che implementa il metodo render. Il metodo render deve restituire il tag HTML da renderizzare sempre utilizzando la sintassi JSX.
<html> <head></head> <body> Hello <div id="example"></div> </body> </html>
In JavaScript possiamo creare la classe del component e renderizzarla nel div example.
import * as React from 'react';
class HelloWorld extends React.Component {
render() {
return (
<div>
Hello {this.props.name}
</div>
);
}
}
ReactDOM.render(
<HelloWorld />,
document.getElementById('example')
);Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Nessuna risorsa collegata
