EDIT : Trouvé ! en remplacant has() par includes() ça fonctionne

Hello :) 

Je suis un peu en galère sur le jeu du pendu (exo du cours React). 

J'y vais petit à petit et j'aimerais déjà bien pouvoir setup un début de parti (sans interaction pour le moment) en gros j'ai un tableau avec une listes de mots ça affiche au hasard un de ces mots en masquant les lettres avec le caractères " _ ". 

Voilà mon code actuellement : 

Un composant Letters qui comprend en gros toutes les lettres de l'alphabet pour créer les boutons (mais pas utile que je vous le montre pour le moment vue que comme dit plus haut, à ce stade il n'y a aucune interaction). 

Et dans mon App.js j'ai : 

import React, { Component } from 'react'
import shuffle from 'lodash.shuffle'

import './App.css'

import Letters, { LETTER_TAB } from './Letter'

const phraseTab = shuffle(['LOREM', 'IPSUM', 'DOLOR'])
const phrase = phraseTab[0]
const usedLetters = []

class App extends Component {

  computeDisplay(phrase, usedLetters){
    return phrase.replace(/\w/g,
      (letter) => (usedLetters.has(letter) ? letter : '_')
    )
  } 
  
  render(){
    return (
      <div className="App">
        <h1>Jeu du pendu</h1>
        <h2>{this.computeDisplay(phrase, usedLetters)}</h2>
        <Letters entries= {LETTER_TAB} />
      </div>
    );
  }
}

export default App;

-
Edité par Yipadrien 18 septembre 2019 à 15:32:51

Array.prototype.has === undefined // output -> true

// la methode "has" n'est pas implémenter sur les instances de Array et usedLetters et une instance de Array

-
Edité par SamuelGaborieau3 20 septembre 2019 à 3:27:25