我正在寻找数据显示以及计数

Question

为了显示数据，我在 react js 中使用了芯片，同时我希望存在数据数量

getChips = params => {
let tags = params.value.split(',').map(el => {
return (
<Chips
text={el.trim()}  />  
// to display data

<TagsMenu limitedSize
id={params.data.id}
name={params.data.name} 
// to display counts, tagsmenu code has been written in separate file
packageType={params.data.type}
data={params.value}
/>
}
}

截至目前，仅显示数据。 计数未显示如何组合两者

看起来有点像这样(ABC(+3

Answer 1

您可以简单地使用 arr.length 来查找存在的数据数量并传递它。

getChips = params => {
let tags = params.value.split(',').map((el, key, arr) => {
return (
<Chips
text={el.trim()}  />  

显示数据

<TagsMenu limitedSize
id={params.data.id}
name={params.data.name} 
count={arr.legth}
packageType={params.data.type}
data={params.value}
/>
}

}