-1
votes

Comment rendre seulement le 3ème objet à partir d'un tableau réagissant

réagit de newbie ici. J'ai un composant qui obtient un éventail d'objets au format JSON et l'enregistre dans l'état.

Je suis maintenant incertain comment je peux rendre le nom / la description du 3ème objet dans la fonction de rendu des composants.

Je veux pouvoir seulement rendre le 1,2,3,4,5ème objet, etc..

Des idées?

https: // codesandbox .io / s / admiratif-ishizaka-rfp3k - Demo xxx

reactjs

0 commentaires

3 Réponses :

1
votes

Pour vous donner l'idée de base, vous pouvez afficher le nom de votre 3ème composant sur votre rendu comme celui-ci:

render() {

  return (
    <div className="App">
      {this.state.profiles.map((item, index) => {
        return(
          index === 2 ? item.name : ""
        )         
      })}
    </div>
  );
}

0 commentaires

1
votes

Veuillez utiliser la carte Array

  render() {
    const { profiles } = this.state;
    return (
      <div className="App">
        {
          profiles.map(profile => (
            {profile.name}
            {profile.description}
          ))
        }
      </div>
    );
  }

0 commentaires

0
votes

render() {

  return (
    <div className="App">
      {this.state.profiles.map((data, i) => {
        return(
          i=== 2 ? (<p>{data.name}</p>) :(<p> </p>) 
        )         
      })}
    </div>
  );
}

0 commentaires