コードベースの次のスニペットではmap
の配列が返され、フィルタリングされた出力のみを得るように、たとえばstatus = 2
などのフィルタを渡すことができますか? 。配列filter
を使用し、map
を使用するか、マッピングせずにデータをフィルタリングするだけですか?ES6表記でfilter()メソッドを使用して1D配列を解析する
それは純粋なJSまたは私はスニペットで述べたようにreturn
文の中、最終的な出力を印刷するために期待していますLodash方法
P.Sのいずれかである可能性があります。あなただけの配列をフィルタリングし、文字通りのテンプレートと、希望の文字列をマップすることができ
const data = {
"edges": [{
"node": {
"id": 20,
"status": 1,
"info": "Order info 20"
}
},
{
"node": {
"id": 19,
"status": 1,
"info": "Order info 19"
}
},
{
"node": {
"id": 18,
"status": 2,
"info": "Order info 18"
}
},
{
"node": {
"id": 17,
"status": 3,
"info": "Order info 17"
}
},
{
"node": {
"id": 16,
"status": 2,
"info": "Order info 16"
}
},
{
"node": {
"id": 15,
"status": 2,
"info": "Order info 15"
}
},
{
"node": {
"id": 14,
"status": 1,
"info": "Order info 14"
}
},
{
"node": {
"id": 13,
"status": 2,
"info": "Order info 13"
}
},
{
"node": {
"id": 12,
"status": 1,
"info": "Order info 12"
}
},
{
"node": {
"id": 11,
"status": 1,
"info": "Order info 11"
}
},
{
"node": {
"id": 10,
"status": 1,
"info": "Order info 10"
}
},
{
"node": {
"id": 9,
"status": 1,
"info": "Order info 9"
}
},
{
"node": {
"id": 8,
"status": 1,
"info": "Order info 4"
}
},
{
"node": {
"id": 7,
"status": 1,
"info": "Order info 8"
}
},
{
"node": {
"id": 6,
"status": 1,
"info": "Order info 7"
}
},
{
"node": {
"id": 5,
"status": 1,
"info": "Order info 6"
}
},
{
"node": {
"id": 4,
"status": 1,
"info": "Order info 5"
}
},
{
"node": {
"id": 3,
"status": 1,
"info": "Order info 3"
}
},
{
"node": {
"id": 2,
"status": 1,
"info": "Order info 2"
}
},
{
"node": {
"id": 1,
"status": 1,
"info": "Order info 1"
}
}
]
};
const myFunction =() => {
return data.edges.map(({
node: {
id,
status,
info
}
}) => {
return(
<span>{id}</span>
<span>{status}</span>
<span>{info}</span>
);
});
};
'' return status === 2 'という行に少し問題がありますか? result.concat(ステータス):結果; 'どのように私はhtmlタグをレンダリングし、印刷することができ、値' {ID} {状態}私は私の答えを編集します@zaq {情報} ' – zaq
がどのように表示しますそれを行いますが、質問を編集して、それがあなたが望む結果であることを示す必要があります。 –
私は明確な情報で質問を更新します。申し訳ありません。 – zaq