Pas d'affiche à l'écran

Bonjour,
je suis nouveau dans React, s'il vous plait j'aimerais comprendre pourqui mon code ci-dessous n'affiche rien à l'écran.
c'est mon fichier main.jsx

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

import { createRoot, useState } from 'react-dom/client'   function Counter() { // Destructuring the array returned by useState const [count, setCount] = useState(0);   return ( <button onClick={() => setCount(count + 1)}> Count: {count} </button> ); }   createRoot(document.getElementById('root')).render( <Counter /> );

---

Merci d'avance pour votre aide.
cordialement,
Dibak

Bonjour,

Code:

---

import React, { useState } from 'react';

---

Et non pas ?

Code:

---

import { createRoot, useState } from 'react-dom/client'

---

Cdt

j'ai plutôt mis comme ceci

Code:

---

1 2	import React, { useState } from 'react'; import { createRoot } from 'react-dom/client'

---

et ça marche.
merci gabi.