编辑:正如伊舍伍德在评论中提到的。这个答案只是javascript解决方案，并不是针对reactJS的，因为我漏掉了带有reactJS标记的问题。请参阅推荐答案:如何使用React动态设置HTML5数据属性？更好的解决方案！

您可能正在寻找html数据属性

<div class="container">
</h1>
    <div data-your-prop="abc" />
    <div data-your-prop="abc" />
<div>                          

例如1

const divs = document.querySelectorAll('.container div[data-your-prop]')

divs.forEach(function (el, index) {
    console.log(el.dataset.yourProp)
})

例如2

const divs = document.querySelectorAll('.container div[data-your-prop]')

let totalInt = 0
let totalFloat = 0
divs.forEach(function (el, index) {
    totalInt += parseInt(el.dataset.yourProp)
    totalFloat += parseFloat(el.dataset.yourProp)
});

console.log(totalInt)
console.log(totalFloat.toFixed(2))

注

（data-）属性名称附加到el.dataset，并且在dom中定义的名称被规范化为有效的json属性。