Проблема с дублированием и форматированием Array с использованием карты и разделение с помощью React JS

Question

Я собираю Flikr api для публичных фотографий и потребляю несколько разных результатов.

При извлечении автора он добавляет «nobody@flickr.com (« автор ») перед всем. Мне удалось разделить первую половину« nobody@flickr.com »(« «но возникли проблемы с . другая половина идея заключается в том, чтобы просто захватить автора в период между кавычками:.

nobody@flickr.com («автор»)

другая часть фотографии показывает дважды по какой-то причине Любые мысли ?

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>)); 

Ответьте, если кто-либо другой DS это:

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

Вы можете использовать Regex для достижения этой цели, которая является менее неудобный, чем при использовании 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] 
 
);

Так, фрагмент кода:

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