在React Native中查找数组元素的总和

Question

这里我正在映射financialTransactionDetail数组并填充数据。价值观进展顺利。现在我必须得到 的总和TransactionAmount，比如数组的长度是 3 有 3 TransactionAmount，我必须找到 1050+1050+1050 = 3150 的总和。我尝试起诉 load hash ，但没有得到正确的值。\n请帮助。

\n\n

// Below is the array value \nfinancialTransactionDetail: Array(3)\n0:\nAdjustedAmount: "0"\nNetTransactionAmount: "1050"\nTransactionAmount: 1050\n1:\nAdjustedAmount: "0"\nNetTransactionAmount: "1050"\nTransactionAmount: 1050\n\n2:\nAdjustedAmount: "0"\nNetTransactionAmount: "1050"\nStatus: "Unpaid"\nTransactionAmount: 1050\n\n__typename: "FinancialTransactionDetail"\n///////////////////////     \n<Tab heading="INVOICE SPECIFIC">\n                      { !_.isEmpty(financialTransactionDetail.financialTransactionDetail) && financialTransactionDetail.financialTransactionDetail.map(\n                        (data, index) => {\n                         // this.state.sum+= Sum(parseInt( data.TransactionAmount));\n                          this.state.transactionAmount=_.sum(data.TransactionAmount) ;\n                          console.log("sum data ",this.state.transactionAmount);\n                          return(\n                            <View key={index} style={{flexDirection:\'row\', padding:10, alignItems:\'center\', justifyContent:\'space-between\'}}>\n                          <View style={{paddingRight:10, marginRight:10}}>\n                            <CheckBox style={styles.checkBox} color="#00678f" checked={this.state.isChecked} onPress={() =>this.handleChange()}/>\n                          </View>\n                          <View style={{flexDirection:\'column\',flex:1, padding:10, borderWidth:1, borderColor:\'lightgrey\', borderRadius:10}}>\n                            <View style={{flexDirection:\'row\', alignItems:\'center\'}}>\n                              {!this.state.isChecked && <RegularText text={`\xe2\x82\xa6 ${data.TransactionAmount}`} style={{paddingBottom:10, paddingRight:5}}/>}\n                              <SmallText text="From 1-Jan-2019 to 31-Jan-2019" style={{paddingBottom:10}}/>\n                            </View>\n                            {this.state.isChecked && \n                            <RegularText text={`\xe2\x82\xa6 ${data.TransactionAmount}`} style={{borderColor: \'#00fff\', borderBottomWidth:1}}>\n                              </RegularText>\n                              /* <Input\n                                value={this.state.transactionAmount}\n                                onChangeText={(text) => this.setState({value1:text})}\n                              /> */\n                            }\n                          </View>\n                        </View>\n

\n

Answer 1

您可以使用纯 JavaScript 方法对您的值求和reduce：

let financialTransactionDetail = 
[
    {
        AdjustedAmount: "0",
        NetTransactionAmount: "1050",
        TransactionAmount: 1050
    },
    {
        AdjustedAmount: "0",
        NetTransactionAmount: "1050",
        TransactionAmount: 1050
    },
    {
        AdjustedAmount: "0",
        NetTransactionAmount: "1050",
        Status: "Unpaid",
        TransactionAmount: 1050
    }
];

let sum = financialTransactionDetail.reduce((a, c) => { return a + c.TransactionAmount}, 0);
console.log('sum: ', sum)