在react native中查找数组元素的总和
在React Native中查找数组元素的总和可以通过以下步骤实现：
- 首先，创建一个包含数字的数组。例如，我们创建一个名为numbers的数组：const numbers = [1, 2, 3, 4, 5];
- 接下来，使用reduce()方法来计算数组元素的总和。reduce()方法接受一个回调函数作为参数，该函数会在数组的每个元素上执行，并返回一个累加的结果。
- const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
- 在上述代码中，我们使用箭头函数作为回调函数，accumulator参数表示累加的结果，currentValue参数表示当前遍历的数组元素。初始值为0。
- 最后，打印计算得到的总和。
- console.log("数组元素的总和为：" + sum);
这样，你就可以在React Native中找到数组元素的总和了。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云数据库 MongoDB 版：https://cloud.tencent.com/product/cdb_mongodb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
相关·内容
在我用Android安装的中，我使用redux--持久化来持久化状态，存储引擎是AsyncStorage。在应用程序中，我有一个“添加”按钮和一个“删除”按钮，它从状态中添加和删除一个项目。
“添加”按钮工作正常，它将一个项添加到状态，屏幕将被重新呈现。但是'remove‘按钮从状态中删除了一个项目(我在上看到了它)，它不会重新呈现屏幕并保持状态。但是不同版本的代码起作用。
我想知道为什么以前的版本不起作用。这是我的还原机功能：
//reducer.js
import React from 'react';
const initialState = {
ke
浏览 1提问于2020-09-20得票数 0
回答已采纳
大家好。我有一个关于React Native Flatlist的小问题。它从Redux商店获取项目，但当我尝试更新数量时，它也会用redux更改列表的顺序。除了最后一项。
如果您遇到类似的问题，请让我知道。提前感谢
到目前为止，我发现Cart Item中的增加和减少函数改变了数组的顺序。
这些是我用来呈现列表的组件。
购物车列表
import React from "react";
import { FlatList } from "react-native";
import CartItem from "./CartItem";
const
浏览 15提问于2021-06-08得票数 0
回答已采纳
我正在使用Axios对.NET核心API进行API调用，该调用来自一个。在一个屏幕上，我有类似的代码运行得很好，但是它在这里不能工作，并抛出一个错误：
[Unhandled promise rejection: TypeError: undefined is not an object (evaluating 'request.title')]
at node_modules\react-native\Libraries\Lists\FlatList.js:597:25 in renderer
at node_modules\react-native\Libraries\Lis
浏览 2提问于2022-08-27得票数 0
回答已采纳
我的定制useResults钩子是这样的
import { useEffect, useState } from 'react';
import yelp from '../api/yelp';
export default () => {
const [results, setResults] = useState([]);
const [errorMessage, setErrorMessage] = useState('');
const searchApi = async (searchTerm:string) =&
浏览 9提问于2021-01-12得票数 13
回答已采纳
我正在为React-Native创建一个模块。
该模块需要根据存储在数据库中的配置在屏幕上突出显示或指出某些元素。
在Android中，我们的数据库将由视图In组成，并且我们的代码将突出显示这些视图In。
在HTML中，元素Ids就足够了。
如何在React native中定义唯一标识符。
这些将被存储在数据库中，然后实时突出显示。因此，模块需要在运行时访问元素的x，y，width和height
在HTML语言中，我将使用getElementbyId()并继续获取它的属性。React Native中的等价物是什么？
这是可行的-
<code>A0</code>
如果接收
浏览 33提问于2020-07-31得票数 2
我有一个TypeScript函数，它返回一个ReactiveNativeView。
import React from "react";
import JSX, {View} from "react-native";
class DummyClass {
static getView() {
return (
<View style={{flex: 1}}/>
);
}
}
export default DummyClass;
我用这样的方式调用这个函数：
import JS
浏览 9提问于2020-10-21得票数 1
回答已采纳
我是一个反应原生和挣扎添加另一个TextInput (作为一个组件)的初学者，点击一个按钮，然后把这些组件放在一个扁平的列表
这是我的主屏幕
import React, { useState } from 'react'
import {
View,
Text,
Button,
FlatList
} from 'react-native'
import InputDemo from '../components/InputDemo'
const AddInputDemo = props => {
c
浏览 7提问于2020-02-24得票数 1
回答已采纳
我有一个反应-本机应用程序，这是非常好的调试。但是这个应用程序在发布版本的时候并没有打开。
禁用保护程序修复了问题。因此，我开始查找每个第三方包的安装文档，并且我的保护规则似乎很好。遗憾的是，我无法察觉是哪个包造成了这个问题。
我的问题是：，如何才能检测到哪个第三方包导致了这个问题，？
属地:
{
"dependencies": {
"@gorhom/bottom-sheet": "^4.1.5",
"@react-native-masked-view/masked-view": "^0.2.6"
浏览 29提问于2021-12-25得票数 3
回答已采纳
环境
React Native Environment Info:
System:
OS: macOS High Sierra 10.13.6
CPU: (4) x64 Intel(R) Core(TM) i5-7267U CPU @ 3.10GHz
Memory: 133.91 MB / 16.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 8.11.2 - ~/.nvm/versions/node/v8.11.2/bin/node
Yarn: 1.9.
浏览 0提问于2019-01-20得票数 3
回答已采纳
React本地Android应用程序在发布模式下崩溃。我无法发现问题，这里的修复是所使用的依赖项。
{
"dependencies": {
"@react-native-community/async-storage": "^1.12.1",
"@react-native-community/datetimepicker": "^3.5.2",
"@react-native-community/masked-view": "^0.1.11",
&#
浏览 5提问于2022-05-09得票数 2
1回答
我有一个Reactive原住民应用程序，它编译得非常好。
在安装react-native-sentry并通过react-native link自动链接之后，我面临以下问题：
Showing Recent Issues
Argument list too long: recursive header expansion failed at /Users/dan/Sites/app/node_modules/react-native-intercom/iOS/../../../ios/Pods/React/node_modules/exit-hook.
运行pod install后发生了此错误
P
浏览 1提问于2018-03-16得票数 3
我正在尝试在一个React本地应用程序中实现AsyncStorage。我编写了一个自定义钩子来处理保存到AsyncStorage并从它读取的所有逻辑。
第一个自定义函数，saveData，工作魅力。第二个例子，readData，被证明很难使用。我插入的函数中没有一个console.log显示在我的终端中，所以它没有被使用，即使它被精确地调用(或者至少我确信它被正确调用)在useEffect in App.js中，这是我应用程序的入口点。
我可以看到，在line 12 in App.js上，currentLanguage是一个承诺。您可以看到，在注释掉的代码中，我处理了数据，这样我就可以实际读取
浏览 1提问于2020-09-15得票数 0
回答已采纳
1回答
我刚开始使用Flow，在使用它扫描React Native项目后，我收到了一堆错误：
Error --------------------------- node_modules
Missing type annotation for `U`.
v--------------------------
353| return range.map(function(value) {
354| if (typeof value !== 'string') {
355| return val
浏览 1提问于2018-05-26得票数 3
我对react native有点陌生，有一个问题我在react native文档中找不到。
我正在研究这个组件KeyboardAvoidingView：
问题很简单--有没有人能让KeyboardAvoidingView和ScrollView很好地合作？我在一个组件中有多个TextInputs ( TextInputs高度的总和大于设备高度)，一旦出现键盘，我就会遇到各种问题。
如果我使用View而不是ScrollView，那么一切都很好，但是我不能使用它，因为我需要比设备高度更多的空间。我在KeyboardAvoidingView文档中找不到任何关于Scroll的东西。
谢谢。
浏览 4提问于2016-11-05得票数 64
1回答
我想当我单击access文件内的按钮时，移除Home文件内的月数组中的相同项。我该如何解决这个问题呢？ App.js此文件连接屏幕。 import {StyleSheet, View} from 'react-native';
import {createStackNavigator} from '@react-navigation/stack';
import Home from './src/components/Home';
import {NavigationContainer} from '@react-navigation/
浏览 9提问于2020-07-08得票数 0
6回答
我有这个数组 ["all", "GatsbyJs", "React", "GraphQl", "Contentful", "React Native", "Firebase", "Stripe", "Google Api", "Prestashop"] 我想把它转换成这个 [
{ value: 'all', label: 'all' },
{ value: 'GatsbyJs',
浏览 37提问于2021-06-29得票数 0
回答已采纳
当我执行npx react-native run-android时，我有一个502错误，不允许我启动我的项目。
我读过这些最近的主题:来自JCenter的“JCenter”和“et”。
他们提到故障已经修复。官方网站证实了这一点：
有时我读到它可以来自我的缓存。怎么检查这个？
* What went wrong:
Execution failed for task ':app:checkDebugAarMetadata'.
> Could not resolve all files for configuration ':app:debug
浏览 35提问于2022-01-16得票数 1
回答已采纳
我用这个简单的代码学习了一门关于React Native的课程： import { StatusBar } from "expo-status-bar";
import React from "react";
import { StyleSheet, Text, View, FlatList } from "react-native";
export default function App() {
const friends = [
{ name: "friend #1" },
{ name: "
浏览 13提问于2020-07-10得票数 0
when I start pod install the result :
CocoaPods could not find compatible versions for pod "RNDateTimePicker":
In Podfile:
RNDateTimePicker (from `../node_modules/@react-native-community/datetimepicker`)
Specs satisfying the `RNDateTimePicker (from `../node_modules/@react-native-com
浏览 9提问于2021-07-14得票数 0
1回答
考虑到这个组成部分
import React, {lazy, Suspense} from "react"
import {View, StyleSheet, Text, ScrollView} from "react-native"
const Sections = lazy(() => import('./story/Sections'))
export default StoryScreen = (props) => (
<Suspense fallback={<Text>Loading...<
浏览 0提问于2018-12-20得票数 2
我被一个不应该让我卡住的问题卡住了。我不知道该怎么做，…
我有一个看起来像这样的db.json：
{
"applicants": [{
"id": 1,
"firstName": "John",
"lastName": "Doe",
"email": "john.doe@example.com",
"coverLetter": "Aliquam ut nunc eu augue volut
浏览 0提问于2018-03-07得票数 0
1回答
在我的课堂上，我有以下声明：
const MyClass = require('react-native').MyClass;
我之所以这样做，是因为我出于测试目的模拟了react-native。
但是，此操作将失败，并显示以下错误：
TypeError: Cannot read property 'MyClass' of undefined
因此，我试图通过将此console.log放在require语句之前来找出实际导入的内容。
console.log("In MyTestedClass, 'react-native': "
浏览 0提问于2017-11-21得票数 0
2回答
请考虑以下示例：
import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';
import Constants from 'expo-constants';
// You can import from local files
import AssetExample from './components/AssetExample';
// or any pure javascript modules availab
浏览 4提问于2020-06-03得票数 0
回答已采纳
我必须添加一个依赖项
@react-native-community/netinfo
在我的iOS项目中，我可以将它直接添加到podfile中，如
pod 'react-native-netinfo', :git => 'https://github.com/react-native-community/react-native-netinfo.git', :tag => 'v9.3.6'
或者我可以将它添加到我的package.json中
"@react-native-community/netinfo": "
浏览 9提问于2022-11-08得票数 0
我希望通过Regex从导入中获取npm包名，而不应该获得相对路径。
排除那些从./开始的匹配
我试过这个：
(?<=from ").+(?=")
输入：
import React, { useContext, useEffect } from "react";
import { View, Text, AsyncStorage, Button } from "react-native";
import { createStackNavigator } from `@react-navigation/stack`;
import HomeSc
浏览 2提问于2020-06-01得票数 2
回答已采纳
当我打开发布版本时，我得到了下面的错误：.It在IOS和Android中都发生了。
E/AndroidRuntime:致命异常: mqt_native_modules进程: com.package.name，PID: 28695 com.facebook.react.common.JavascriptException: ReferenceError:找不到变量: typeAnnotation，stack：@980:17088 v@2:1473 @979:425 v@2:1473 @978:339 v@2:1473 @971:6338 v@2:1473 @969:139 v@2:1473 @9
浏览 0提问于2020-12-29得票数 0
请考虑React本机中的以下代码：
import React, { useState } from 'react';
import { Text, View } from 'react-native';
export default function App() {
const [recommendations, setRecommendation] = useState<any[]>([]);
return (
<View>
{recommendations != [] ?
(
浏览 5提问于2020-06-04得票数 0
回答已采纳
import React, { Component, PropTypes, View } from 'react'
import { connect } from 'react-redux'
import StartupActions from '../Redux/StartupRedux'
import ReduxPersist from '../Config/ReduxPersist'
import { StackNavigator } from 'react-navigation'
import W
浏览 0提问于2017-10-12得票数 0
1回答
我在Reactinative中开发了一个移动应用程序，我已经尝试正确配置ESLint一段时间了(包括Babel，Flow和更漂亮)。
我在VSCode中得到以下错误：'module' should be listed in the project's dependencies. eslint(import/no-extraneous-dependencies)。这适用于我的所有模块和插件，如react、react本地插件和其他插件。我安装了每个包和VSCode ESLint扩展，但是ESLint仍然引发此错误。也许我在extends部分也复制了一些功能，我想知道我的配置
浏览 0提问于2019-03-20得票数 1
这实际上不是一个错误，但它没有在组件中显示请求的结果。
首先，我发出了请求，我想在文本组件中显示请求的响应，但在呈现时出现了空组件
import React, {Component} from 'react';
import {View, Button, Text} from 'react-native'
export default class App extends Component{
constructor(){
super();
url = 'https://b7web.com.br/todo/25088';
浏览 16提问于2019-07-16得票数 0
回答已采纳
1回答
我用Amplify初始化了一个新的react原生项目。 npm install -g @aws-amplify/cli
amplify configure
npm install -g expo-cli expo init RNAmplify
cd RNAmplify
amplify init npm install aws-amplify aws-amplify-react-native @react-native-community/netinfo @react-native-async-storage/async-storage import Amplify from 'aw
浏览 24提问于2021-07-08得票数 1
我正试图为我的cocoapod框架(快速版本4.0)构建一个私有的cocoapod，它依赖于React-本机版本0.46.4和瑜伽，使用这个podspec：
react_native_version = '0.46.4'
Pod::Spec.new do |s|
s.name = 'MyLibrary'
s.version = '0.1.0'
s.source = { :git => 'https://github.com/mylibrary.git
浏览 2提问于2017-11-08得票数 3
回答已采纳
好的，可能标题不是很清楚，所以让我解释一下。
我能够将图像添加到数组中，并在屏幕上拖放并显示它们。现在是问题所在。
例如，我在数组中有3个图像，将它们放置在屏幕上的不同位置。当我删除图像2时(确实被删除了)，但图像3被移动到原始图像2的位置，而它应该保持在自己的位置上。
我该怎么做呢？
这是我使用的代码：
import StageGesture from '../components/stageGesture';
const [ finalArray, setFinalArray ] = useState([]);
const onRemove = ({ item }) =
浏览 0提问于2020-11-20得票数 0
如何在react native中实现分页？不使用滚动视图、列表视图或加载更多功能。分页功能在react native中获得了下一个、上一个按钮和当前页面选择，我可以知道它可以在react native中完成吗？谢谢
浏览 12提问于2017-07-24得票数 2
我使用react native和react-native-router-flux进行导航
当我想要移动屏幕时，出现错误"currentlyFocusedField已弃用，将在将来的版本中删除。使用currentlyFocusedInput“
但是屏幕仍然随着错误而移动。
我该如何修复它？
这是我的路由器
import 'react-native-gesture-handler';
import React, { Component } from 'react';
import {
Router,
Scene,
Stack
浏览 4提问于2020-07-16得票数 7
1回答
新手的问题，我得到了以下代码的TypeError: Cannot read properties of undefined (reading 'id')。我的道具传得对吗？为什么这个值是未定义的？我的getValues按钮返回一个空列表，该列表的length属性为0，那么为什么在创建并传递给子组件时这是未定义的呢？
InputScreen.js
import React, { useState } from 'react';
import { v4 as uuidv4 } from 'uuid';
import { View, StyleShee
浏览 3提问于2022-01-15得票数 1
回答已采纳
在react native中，我有一个表单(简单的字段-姓名、地址)，并希望添加一个下拉列表来选择用户类型。我想从firebase中动态加载下拉列表。有可能吗？感谢任何人的帮助。
更新：
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
Picker,
} from 'react-native';
export default
浏览 2提问于2017-08-27得票数 4
回答已采纳
我是新的反应本机，我有一个错误的消息，当我打开一个组件。这并不能避免继续进行导航，但我想把它清理掉。我很确定这是语法或错误，但找不到它的来源。
在我的组件中，我有一个模式，即一旦单击一个按钮，就调用一个函数。
以下是组件的代码：
import { connect } from "react-redux";
import React, { useEffect, useState } from "react";
import {
StyleSheet,
ScrollView,
View,
Text,
Image,
TouchableOpaci
浏览 0提问于2020-12-25得票数 1
回答已采纳
我想学习在react原生中使用FlatList，但是我不知道如何在数据中推送元素( FlatList数组)。有人能帮帮我吗？
下面是我的react原生代码：
import React, { Component } from 'react';
import { FlatList, StyleSheet, Text, Button,View ,TextInput} from 'react-native';
export default class App extends Component {
constructor(props) {
super(p
浏览 8提问于2017-08-03得票数 0
我想使用react-native-paper在我的React Native应用程序中有一个垂直的卡片列表。我将使用作为react-native-paper一部分的<Card>组件。
我应该将卡片包装在<FlatList>中还是作为react-native-paper一部分的<List>组件中？我不确定react-native-paper中的<List>组件到底对应于什么，也不确定在Android和iOS中使用它来获得更好的结果是否有益。
浏览 0提问于2020-09-20得票数 1
我正在尝试使用map函数将给定大陆的所有国家名称传递到React组件中。我认为我可能需要将其转换为数组，但我不知道如何访问每个对象的name键，因为这些对象都具有不同的名称。
"AD": {
"name": "Andorra",
"native": "Andorra",
"phone": "376",
"continent": "EU",
"capital": "Andorra la
浏览 0提问于2021-02-14得票数 0
在使用Failed to load all assets命令运行时，获取生产环境上的expo start --no-dev -c错误。这个错误发生在iOS和Android上。尝试清除npm缓存，城域绑定缓存。还是没有运气。无法从论坛或世博会的不和谐社区找到有效的解决方案。任何想法/帮助都是最受欢迎的。
package.json如下所示
"dependencies": {
"@react-native-async-storage/async-storage": "~1.17.3",
"@react-native-c
浏览 18提问于2022-07-26得票数 3
我对原生反应是全新的，我不知道这是不是正确的方式。我使用的是@react-native-community/checkbox的checkbox组件。我正在从API获取一组服务。在该APi中，默认情况下我将获取isCheked = false。当我点击复选框时，它工作正常，而当我取消复选时，它就不工作了。我不知道我错在哪里。 import React, {useState, useEffect} from 'react';
import {Text, View, Picker, ScrollView, TouchableOpacity} from 'react-nati
浏览 24提问于2021-03-19得票数 1
回答已采纳
有没有办法从前缀sums和后缀sums中找到初始序列？
前缀i是从开始到ith位置的所有元素的总和。
sum th位置的后缀i是从最后到ith位置的所有元素的逆序总和。
例如，组合(前缀sums和后缀sums)序列如下：
{1, 3, 3, 5, 6, 6}
初始序列是：{1, 2, 3}
前缀sums：{1, 3, 6}，后缀sums：{6, 5, 3}
合并后：{1, 3, 3, 5, 6, 6}
在某些情况下，可能有多种可能性。
浏览 0提问于2020-01-09得票数 0
我想使用react-native-router-flux，所以我添加了它在文档中描述的依赖项。我还在react-native-reanimated中添加了babel.config.js的babel插件依赖项，如下所示：
module.exports = { presets: ['module:metro-react-native-babel-preset'], plugins: ['react-native-reanimated/plugin'],};
但是现在我在地铁服务器上得到了这个错误：
错误: index.js:无法从‘/home/nia/下载/Yar
浏览 8提问于2020-09-03得票数 4
回答已采纳
我正在从运行一个聊天应用程序示例，并遇到了frame out of range NaN错误：
以下是package.json：
"firebase": "^5.8.0",
"react": "16.6.3",
"react-native": "0.57.8",
"react-native-elements": "^0.19.1",
"react-native-gesture-handler": "^1
浏览 1提问于2019-01-25得票数 4
回答已采纳
我试图弄清楚为什么在安卓设备上以.apk的身份运行react原生应用程序，而不是在iOS设备上运行，因为iOS模拟器上的.ipa .The错误(来自世博会)是： 如果出现以下情况，则可能发生不变的违规情况：* registered.This是从错误的folder.Check运行的如果Metro正在运行，请停止它，然后在当前项目中重新启动它。由于出现错误而无法加载模块，并且未调用AppRegistry.registerComponent。 让我给出一些其他的信息。该项目是使用pacjage.json原生的react {
"name": "Project",
浏览 49提问于2021-07-22得票数 0
我们使用的是react原生0.43.4版本，我们分叉了它。它正在通过npm安装下载。
package.json
"react-native": "git+ssh://git@subdomain.domain.net/username/react-native#fix/xcode_9_3",
我们的Android 项目级分级文件有
allprojects {
repositories {
mavenLocal()
jcenter()
maven {
// All of React N
浏览 0提问于2018-05-15得票数 2
使用以下小吃：
我试图在我的react本地应用程序中使用材料图标来显示图标“wifi_off”(只是在世博会上分享这个图标，以便于共享)，但这并不是道具“名称”的公认价值。并最终显示一个“？”寻找未知的图标。我可以使用'material-community‘图标集使用wifi-off图标。
import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';
import { Constants } from 'expo';
impor
浏览 1提问于2019-02-24得票数 8
回答已采纳
我正在使用React Native中的Jest和Enzyme编写测试，以全面测试我的组件、行为和内部函数。浅层测试似乎还可以，但是当使用mount时，它就会抛出
这是我的package.json。
{
"name": "Despirithium",
"version": "1.0.0",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-c
浏览 0提问于2016-11-18得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
