Discussion :

[dibak]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[gabi7756]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

import React, { useState } from 'react';

Et non pas ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Cdt

[dibak]

j'ai plutôt mis comme ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et ça marche.
merci gabi.