Un componente in Reactjs può essere creato utilizzando due approcci diversi: le classi o le funzioni.

1. Classe Componente:

```
import React from ‘react’;

class Welcome extends React.Component { render() { return

Hello, {this.props.name}

; }
}

export default Welcome;
```

In questa esempio, `Welcome` è un componente React perché estende `React.Component`.

1. Funzione Componente:

```
import React from ‘react’;

function Welcome(props) { return

Hello, {props.name}

;
}

export default Welcome;
```

In questo caso, `Welcome` è un componente perchè è una funzione che accetta un singolo oggetto “props” (che sta per proprietà) come parametro e restituisce un elemento React.

I componenti consentono di suddividere l’interfaccia utente in parti indipendenti, riutilizzabili e di pensare a ciascuna parte in isolamento.

Per utilizzare un componente, devi importarlo e poi usarlo come tag all’interno del tuo codice:

```
import React from ‘react’;
import Welcome from ‘./Welcome’;

function App() { return (

);
}

export default App;
```

In questo esempio, il componente `App` include due volte il componente `Welcome` con proprietà diverse.

Come posso creare un componente in Reactjs?

Hello, {this.props.name}

Hello, {props.name}