Dall'archivio script > HTML5

Creare un component tramite classe in ReactJS

di Stefano MostardaStefano 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

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn
Aggiorna

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

I più letti di oggi