Problème de duplication et de formatage de tableau à l'aide de map et split avec React JS

Question

Je récupère l'API Flickr pour les photos publiques et je consomme quelques résultats différents.

Lorsque vous récupérez l'auteur, il ajoute "nobody@flickr.com (" author ") devant tout.J'ai réussi à séparer la première moitié'nobody@flickr.com (" 'mais j'ai des problèmes avec le . l'autre moitié idée est juste de saisir l'auteur entre les guillemets.

nobody@flickr.com (« auteur »)

l'autre partie est photos montre deux fois pour une raison quelconque Toute pensée ?

let output = this.props.posts.map(e => e.author.split('nobody@flickr.com ("').map(f => <li><img src={e.media.m}/><h3>{f}</h3></li>)); 

Répondre si quelqu'un nee ds il:

const regex = /(?:"[^"]*"|^[^"]*$)/; 
    let output = this.props.posts.map((e, index) => <li key={index}><img src={e.media.m}/><h3>{e.author.match(regex)[0].replace(/"/g, "")}</h3></li>); 

Answer 1

Vous pouvez utiliser une expression régulière pour y parvenir, ce qui est moins Checklist que l'utilisation split:

const author = 'nobody@flickr.com (" author ")'; 
 
const name = 'nobody@flickr.com (" John Doe ")'; 
 
const regex = /\(" (.*?) "\)/; 
 

 
console.log(
 
    author.match(regex)[1] 
 
); 
 

 
console.log(
 
    name.match(regex)[1] 
 
);

Ainsi, pour l'extrait de code:

const regex = /\(" (.*?) "\)/; 
let output = this.props.posts.map(e => <li><img src={e.media.m}/><h3>{e.author.match(regex)[1]}</h3></li>);