Utiliser du javascript dans un composant React

Hello,
Je souhaite utiliser un bout de code Js qui fait le rôle d'un compteur sur un des mes composant React.
Voici à quoi ressemble le code js :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var Affiche = document.getElementById("compteur");
 
function CompteARebour() {
    var date1 = new Date();
    var date2 = new Date("January 1 00:00:00 2020");
    var sec = (date2 - date1) / 1000;
    var n = 24 * 3600;
    if (sec > 0) {
        j = Math.floor(sec / n);
        h = Math.floor((sec - (j * n)) / 3600);
        mn = Math.floor((sec - ((j * n + h * 3600))) / 60);
        sec = Math.floor(sec - ((j * n + h * 3600 + mn * 60)));
        Affiche.innerHTML = j + "J " + h + "H " + mn + "min " + sec + "s ";
        window.status = j + "J " + h + "H " + mn + "min " + sec + "s ";
    }
    tRebour = setTimeout("CompteARebour();", 1000);
}
CompteARebour();

ça ne marche pas quand je l'utilise dans une div qui a un id "compteur" dans mon render :(

Merci

Bonjour,

sans voir où tu intègres ce code, je ne peux rien dire...; en soi, le script fonctionne;

bonjour,
c'est ici que j'intègre mon code :
Code:

1 2 3 4 5 6 7 8 9 10 render() { return ( <div id="corp"> <div id="compteur"> // le compteur </div> </div> ) }
comment je pourrais affichre mon compteur dans le componentDidMount() par exemple ?
merci