正在选中的更新复选框值- react native
React Native是一种基于React的开源框架，用于构建跨平台移动应用程序。它允许开发人员使用JavaScript和React的语法来创建原生移动应用，同时在iOS和Android平台上共享大部分代码。
React Native的优势包括：
- 跨平台开发：使用React Native可以同时在iOS和Android平台上开发应用程序，减少了开发人员的工作量和时间成本。
- 原生性能：React Native使用原生组件和API，可以实现接近原生应用的性能和用户体验。
- 热更新：React Native支持热更新，可以在不重新发布应用程序的情况下实时更新应用程序的代码和界面。
- 社区支持：React Native拥有庞大的开发者社区，可以轻松获取支持和解决问题。
React Native的应用场景包括但不限于：
- 移动应用程序：React Native适用于开发各种类型的移动应用程序，包括社交媒体应用、电子商务应用、新闻应用等。
- 原型开发：React Native的快速开发和热更新功能使其成为原型开发的理想选择。
- 跨平台项目：如果需要在多个平台上开发应用程序，并且希望共享大部分代码，React Native是一个很好的选择。
腾讯云提供了一系列与React Native相关的产品和服务，包括：
- 云开发：腾讯云云开发提供了一站式后端云服务，可以与React Native结合使用，快速搭建应用后端。
- 移动推送：腾讯云移动推送服务可以帮助开发人员实现消息推送功能，提升用户参与度和留存率。
- 云函数：腾讯云云函数可以用于编写和运行无服务器的后端逻辑，与React Native结合使用可以实现更复杂的业务逻辑。
- 云存储：腾讯云提供了可靠、安全的云存储服务，可以用于存储React Native应用程序的数据和文件。
更多关于腾讯云相关产品和服务的详细介绍，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我有一个正在生成的产品列表，每个产品都有一个与之关联的复选框。现在，我所有的复选框都共享相同的状态，所以当你选中一个复选框时，所有的复选框都会被选中。包含复选框的产品数据在循环中，如何生成不同状态的复选框？我使用的是React Native，而checkbox组件使用的是react-native-elements
<View>
{products.map((value, key) => {
return (
<View
key={value.serialNumber +
浏览 0提问于2018-08-08得票数 1
我正在尝试在React Native中设置我的第一个Android应用程序。
现在有了这张卡片(react-native-component)，里面有多个复选框(参见下面的代码)。
每次我尝试只选中一个复选框时，它都会以某种方式选中所有复选框。
我知道它与多个状态有关，但我不能让它工作。
我怎么能只选中一个复选框？
JavaScript文件：
import React from "react";
import {StyleSheet, ActivityIndicator, ListView, Text, View, Alert, Platform, TouchableOpaci
浏览 15提问于2019-06-18得票数 0
我正在使用react native Expo
从库
我获得了clickable label功能，在该功能中，通过单击文本，复选框被选中。
<Checkbox.Item label="Item" status="checked" />
但在这种情况下，如何将标签放在复选框之后？
Like复选框标签
浏览 8提问于2021-05-13得票数 2
我想知道如何在react-native中选中和取消选中复选框？
我需要使用getInitialState和道具吗？或者只需要使用checkbox和onPress？
浏览 5提问于2016-11-23得票数 0
我正在创建一个React Native App，在其中我使用了javascript map函数中的复选框。因此，当我选中一个复选框时，它会同时选中所有其他复选框。如何才能分别选中这些复选框，而且我还可以从map函数列表中多次选中它们。 以下是一些参考的代码： <Card noShadow style={styles.card}>
<CardItem header bordered>
<Text style={styles.header}>{string.color}&l
浏览 19提问于2019-05-10得票数 0
回答已采纳
我正在使用'@react-native-community/checkbox'，因为我正在从数据库中检索数据，并使用map函数将其渲染为白化复选框，问题是当我选中一个复选框时，所有复选框也被选中，并且相同，当我取消选中时，问题是每个复选框的状态，但我不知道如何处理，因为我只想使雪花复选框被选中，并将其所有数据放入一个数组中进行进一步处理。 下面是我以复选框的形式呈现的数据： {"id": "12345", "price": 5, "text": "Reload"} 这是map函数的代码： {dat
浏览 21提问于2021-04-10得票数 0
回答已采纳
我正在学习react native，我正在尝试使用复选框。我们从react native导入的普通复选框。也就是说，从react-native导入{checkbox}对我来说很有效。但是当我尝试从react-native-element中使用checkbox时，它不起作用。它只设置未选中图标的默认值，并且不会更改。
<View style = {styles.containerForCheckBoxValues}>
<CheckBox
style={styles.checkBox}
checkedIcon={<Image source={requir
浏览 1提问于2019-02-28得票数 2
我正在尝试用React Native做一个待办事项列表。如何在选中复选框或将值设置为true时运行props.completeFunction()。 另外，如何检查props.item.completed是否为true，以便将checkbox值设置为true。 我在React Native上的语法不好，所以我问你这个。谢谢 import React, {useState} from 'react';
import {Text, TouchableOpacity, CheckBox} from 'react-native';
export default f
浏览 71提问于2021-06-13得票数 1
回答已采纳
2回答
这是我的例子，我试图选中和取消选中“复选框”，但我感到困惑，如果有人告诉我应该如何做，我会很高兴。
import React, { useState } from 'react';
import { View, Text, StyleSheet } from 'react-native';
import { CheckBox } from 'react-native-elements';
const NewPlaceScreen = props => {
const [checked, setChecked] = useState(fa
浏览 4提问于2020-01-01得票数 1
我正在开发一个带有复选框的React应用程序。我想包括一个复选框，它在选中时发送true，在未选中时发送false。我的onChange是：
handleChange = (e) => {
this.setState({
[e.target.id]: e.target.value
})
}
输入如下：
<label>
<input type="checkbox" class="filled-in" value="true" id="My Value"
onC
浏览 2提问于2020-08-03得票数 1
回答已采纳
1回答
所以我有一个屏幕，我根据列表大小呈现未知数量的复选框。如何控制这些框的“选中”值？
我对复选框使用了react-native-element。
复选框的Render方法：
_showChoices = (list) => {
return list.map((item, i) => {
return (
<CheckBox
title={item.choice_name}
checked={}
si
浏览 2提问于2018-08-29得票数 1
2回答
我的react原生应用程序由一个表单组成。我已经实现了两个复选框，它们的状态都设置为布尔值true。我希望从这些复选框将布尔值true或false提交到数据库，但复选框按钮将不起作用。下面是我的代码：
import React, { Component } from 'react';
import { View, Text, Button, TextInput, StyleSheet } from 'react-native';
import { CheckBox } from 'react-native-elements';
import ax
浏览 0提问于2018-07-10得票数 3
目前我正在学习Redux，我现在遇到的问题是，当有人点击这个按钮时，selectall复选框应该是有效的。结果是所有的复选框都应该被切换(选中或取消选中)。但现在我坚持我的逻辑。当有人调用selectAll函数时，它应该遍历所有的输入复选框，并且从那时起它应该选中或取消选中所有的复选框。 import React from 'react';
import { selectAll } from '../actions';
import { connect } from 'react-redux';
const CheckAll = () =
浏览 6提问于2019-05-26得票数 0
如何在React Native中使用SectionList中的复选框进行选中或取消选中。而不使用第三方模块。
浏览 0提问于2018-04-28得票数 0
react native elements中的onPress复选框起作用吗？当我单击复选框时，没有任何变化。 import { CheckBox } from 'react-native-elements'
...
render() {
const { myValue } = this.state;
console.log(myValue);
return (
...
<CheckBox
title="My Test?"
iconRight
checke
浏览 19提问于2020-01-17得票数 0
我正在尝试实现react-native-elements复选框。在我的例子中，我需要基于数组的多个复选框。下面是我的代码- const CheckTest = () => {
const [check, setCheck] = useState(false);
const label = [
{
name: 'first'
},
{
name: 'second'
},
{
name: &#
浏览 18提问于2020-11-18得票数 0
回答已采纳
我有两个复选框(来自react-native元素)，我们称它们为a框和b框，一次只能选中其中一个(不能多选)，如果选中a框，则不可能选中b框。因此，到目前为止，如果我错误地选中了a框，我需要通过再次单击a框来手动取消选中a框，以便选中b框。但是，我希望能够通过单击并选中b框来自动取消选中a框-如果这有任何意义的话。
我试图查看问题54111540和其他问题，但那里的答案似乎都不能帮助我实现我想要的目标。
我的代码：
import React, { useState } from 'react';
import { View, Text, StyleSheet, Touchabl
浏览 15提问于2020-02-27得票数 0
回答已采纳
我有个小小的要求
我想知道如何在多个复选框中设置选中项真或假，由子项反应本地
在下面的代码中，当我单击复选框时，我希望更改函数onchecked()中数组中的相关项，并更新组件。
import React, { useState, useEffect } from "react";
import {
StyleSheet,
Text,
View,
CheckBox,
TouchableOpacity,
} from "react-native";
const terms = [
{
term_id: 21,
name:
浏览 4提问于2021-04-02得票数 0
每次选中复选框时，我都要更新文本输入字段(True)。有人能告诉我怎么做吗？
我正在尝试单击一个复选框并更新另一个输入字段。每次选中复选框时，我都希望将日期添加到字符串中。
当前，我的字符串值正在被新值覆盖。我希望它是一个字符串而不是数组。
const [checkboxCheckedTrue, setCheckboxStatus] = useState(false);
const [updateMyMsg, setmyMsg] = React.useState("");
useEffect((): void => {
if (checkboxChecke
浏览 16提问于2022-09-15得票数 2
回答已采纳
我有一个组件将使用map来呈现多个复选框，每个复选框都有一个回调函数"onPress“by props，"onPress”函数将被setState选中，但是现在当我单击一个复选框时，所有的复选框都会被选中，因为它们都使用相同的状态，我想选择每个复选框，我知道我可以为每个复选框编写许多状态不同的"onPress“函数，但是它看起来很愚蠢，将来我会添加更多的复选框，解决这个任务的最佳和灵活的方法是什么？
import React, { Component } from 'react'
import { View } from 'react-nativ
浏览 0提问于2017-05-09得票数 2
回答已采纳
我需要设置的方式是，如果复选框的值变为真，那么复选框显示选中了，如果值是假的，复选框会被选中，但是它的值从后端变为真，我正在将值存储在状态规则中，但它没有被启用，而且如果值正在变为真，我也不能选中“值为真”复选框，不能选中“值为真”复选框，也不能选中值发生的真实原因，我还试图设置onChange，但弄不清楚如何设置onchange。
值来自后端
NameMatch: true
Match: true
SearchForm组件
export default function SearchForm() {
const { setRules, rules, fetchSearch } = useR
浏览 1提问于2021-05-28得票数 1
我正在使用来自react-native-element的复选框
当我选中该框时，它不显示选中如何显示它？以下是我的代码
<View>
<FlatList data={all_national_number}
keyExtractor={(item, index) => index.toString()}
renderItem={({ item }) =>
<Check
浏览 0提问于2018-10-22得票数 0
1回答
我正在构建一个带有react样式组件的项目，我需要检查是否选中了复选框。现在我用反应钩(美国)来做这件事。我很想知道是否有一个内建方法返回true或false。
浏览 5提问于2022-02-18得票数 0
1回答
我有一个简单的表单，其中有两个复选框供某人选择一个或另一个，即Yes或No，而不是两者兼而有之。我正在使用React-native-element工具包，如下所示。
export default class CheckerForm extends React.Component {
state = {
checked: false,
}
handleYesCheck =() => {
this.setState({checked: !this.state.checked})
}
handleNoCheck =()
浏览 0提问于2019-07-22得票数 3
回答已采纳
我可以创建动态复选框，但我需要分别选中和取消选中它，现在如果我选中一个，所有内容都会被选中，如果我取消选中，所有内容都会被取消选中。
如何分别更改状态中每个复选框的复选框值？
import React from 'react';
import {View,Text,StyleSheet,TouchableOpacity,Image,Switch,Platform,Dimensions,PixelRatio,} from'react-native';
import ImagePicker from 'react-native-image-picker
浏览 15提问于2019-11-24得票数 0
我正在尝试，在取消选中复选框并将选择值重置为default..but后禁用选择列表。我看到的是我选择的值。我使用React-select来选择其中的select和选项。
APP.js
<code>A0</code>
<code>A1</code>
浏览 26提问于2019-04-01得票数 1
回答已采纳
如果数据不是首选项，如何取消选中所有复选框？我不知道如何处理这些数据。
这是index.js：
import React, { Component } from "react";
import { Text, View } from 'react-native';
import { CheckBox } from 'react-native-elements';
import { Colors } from '../../../themes/';
import style from "./style&
浏览 3提问于2019-01-03得票数 0
1回答
我正在尝试确定何时在React中至少选中了一个复选框。 我有一个Checkbox组件： import * as React from 'react';
import * as DOM from 'react-dom';
import PropTypes from 'prop-types';
class Checkbox extends React.Component {
constructor(props) {
super(props);
}
render() {
return(
浏览 26提问于2020-01-31得票数 0
回答已采纳
3回答
我正在尝试在页面刷新后显示复选框(用户已经选中了)。我能够将所选行的数据保存在本地存储区(on check)中，并在取消选中时删除数据，但当我刷新页面复选框时，显示为未选中(即使本地存储区中存储了数据)。
我的代码是
import React, { useState, useEffect } from "react";
const data = [
{
id: "1",
name: "Jane",
lastName: "Doe",
age: "25"
},
{
浏览 6提问于2021-03-04得票数 0
我正在使用React Bootstrap Check Form。我正在使用表单复选框来捕获输入值。我想在react状态变量中获取有关Checkbox的信息。我希望onClick的e.target.value会打印出复选框的当前状态，即是否打开或关闭(无论是否选中)。但这并没有发生。当我多次切换复选框按钮时，e.target.value的值仍然为on，即使该复选框已关闭。 <Form.Group>
<Form.Check type={"checkbox"}>
浏览 94提问于2021-10-04得票数 0
回答已采纳
2回答
我正在尝试创建一个，该屏幕允许用户选择将哪些项发送到服务器进行批处理。
我的想法是有一个表，并允许用户选择他们想要的行，然后单击一个按钮提交给服务器。
我需要状态包含来自这些行的ids列表，以便我可以使用它来允许用户发送带有ids数组的请求。
下面是我的代码的一个模拟，但它不起作用。当状态更新到位时，我会得到“所选项不是对象”的错误。当它被注释掉时，状态更新当然不起作用，但是如果我在状态初始化中硬编码它，它也不会从数组中设置复选框的值(这意味着数组中有70，默认情况下仍然没有选中该框)，并且它允许复选框被选中，但不允许不选中。我该怎么让它起作用？
import React, { Compone
浏览 12提问于2021-12-18得票数 0
回答已采纳
希望一切都好，希望每个人都有一个愉快而安全的周末。这件事我需要一点帮助。我已经被困在这件事上一周了。我有一个react native项目，其中我使用了一个内部带有react native element复选框的平面列表。我有一个平面列表，显示从我的数据库中获取的数据。所以一切都能正常工作。但是当我检查其中一个正在显示的项目时，它会检查所有项目。我已经在谷歌上搜索并尝试了几种不同的方法，我在这里也是如此。在复选框中不选中任何内容或选中全部。你们能看看我下面的代码吗?如果我遗漏了什么，请告诉我。 非常感谢！ import React from 'react';
import
浏览 21提问于2020-09-19得票数 0
我正在制作一个复选框列表，但当我按下一个复选框时，它会选中所有的复选框。我想一次选择一个。 我尝试了react-native-elements 1.1.0文档中的示例代码以及其他人的示例，但我找不到解决方案。 constructor() {
super();
this.state = {
checked1: false,
checked2: false,
};
}
render() {
return (
<View style={styles.container}>
<ScrollV
浏览 16提问于2019-04-18得票数 2
回答已采纳
1回答
我正在尝试创建一个多行的ListView。每一行都有一个复选框+文本。这是我实现的一个ListView：
class ListExample extends Component {
constructor() {
super();
const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
this.state = {
dataSource: ds.cloneWithRows(["hey1", "hey2",
浏览 1提问于2017-03-25得票数 1
回答已采纳
我正在使用material-ui复选框，我需要以编程方式更改复选框状态，选中、取消选中或基于单击的其他复选框插入。可以列出我需要更改的复选框，并且我不想在react中使用状态。 import React from 'react'
import Checkbox from '@material-ui/core/Checkbox';
export default class CheckboxesTest extends React.Component {
onChange = (e) => {
let cbs = document.
浏览 18提问于2020-07-07得票数 0
我正在尝试为我的投资组合网站建立一个过滤器。用于选择技术(react、redux、jquery等)的复选框显示包含该(或那些)技术的作品。因此，每当用户单击一个框时，我都想添加值(JavaScript、Redux、React等)。到一个数组，我在另一个函数中使用它来检查我的投资组合片段，并过滤掉不存在的部分。
我发现这非常困难，我认为它应该很简单。谁能给我指个方向？有没有一种方法可以简单地使用函数触发器(onChange回调？)它读取表单输入元素的选中/未选中状态，然后相应地更新状态数组？我可以简单地在React中获得所有复选框的状态吗？我的复选框是否需要单独处于选中/取消选中状态？
看起来j
浏览 0提问于2016-05-10得票数 9
1回答
全。
我有一个控制组件，我正在建立在故事簿使用反应和打字记录。
作为一个不受控制的组件，我的复选框可以正常工作。
我对我的思维过程和逻辑有点执着，它被控制，还有多个复选框。
const [isValue, setIsValue] = useState<string[]>(['']);
const [isBoxChecked, setIsBoxChecked] = useState<boolean>(false);
const handleOnChange = (e: React.ChangeEvent<HTMLInputE
浏览 7提问于2022-06-16得票数 0
如果选中了这两个复选框，我将尝试启用按钮，我有不工作的
我增加了功能的唯一关键。请查看非工作演示的链接。
import React, { useState } from 'react';
import { render } from 'react-dom';
function App (){
const [checked, toggleCheckbox] = useState({ checkbox1: false, checkbox2: false, disabled: true });
const getDis
浏览 1提问于2019-09-04得票数 2
回答已采纳
我使用React和Redux来填充用户列表。我的组件列出了redux存储中的所有用户(数据来自mongodb，如果您好奇的话)。有一个复选框来选择--列表中的所有用户，在选中该复选框时，应该对所有用户标记所有复选框。我认为有两种方法可以做到这一点。
使用本地状态(使用useState钩子)并转储处于该状态的所有用户，然后.map用户列表。单击"select“复选框将为每个用户添加一个"is_checked”字段，而在迭代期间，只有当"is_checked“字段为真时，才会选中用户复选框。
更改redux状态并添加"is_checked“标志，其余的按第1点的解释
浏览 3提问于2022-08-31得票数 0
回答已采纳
2回答
我有一个带有几个项目的复选框，当我点击复选框时，项目将添加到名为currentDevice的状态，但当我取消选中项目时，它将保留添加项目而不是删除它。
取消选中复选框时，如何从状态中删除项目。我正在使用react-native-element复选框。之前谢谢你
代码：
constructor(props) {
super(props)
this.state = {
currentDevice: [],
checked: []
}
}
handleChange = (index, item) => {
let checked = [...this.state.checked];
浏览 9提问于2020-02-26得票数 0
回答已采纳
如果在react-native中选中了特定的复选框，我如何取消选中所有其他复选框 下面是我的代码： constructor(props, context) {
super(props, context);
console.log('custom/ccheckbox/index.js constructor()');
this.state = {
checked: false,
};
}
handleCheck() {
this.setState({checked: !this.state.checked});
}
render() {
return (
<
浏览 17提问于2018-12-27得票数 0
回答已采纳
我正在迭代权限并使复选框选中是否包含在预定义值(即val)中，并使复选框不选中否则，它做得很好，但当我单击呈现的复选框来检查或取消选中它什么都不做。
在我呈现我的复选框后，我不能检查或取消检查。我需要你的帮助谢谢。
浏览 6提问于2022-04-21得票数 0
2回答
我有一个带有几个复选框的下拉菜单，我试图在每个复选框上添加onClick事件。但是当我检查其中一个复选框时，所有的复选框都会被选中。这就是我想做的：
const [isChecked, setIsChecked] = React.useState(false);
const isCheckboxChecked = () => {
setIsChecked(isChecked ? false : true)
}
return menuItems.map((item, index) => (
<React.Fragment>
浏览 5提问于2020-06-30得票数 0
回答已采纳
我正在制作一个简单的react组件，用于跟踪表行中复选框的状态。
class EventRowAdmin extends Component {
constructor(props) {
super(props);
this.state = { isChecked: false };
this.handleChange = this.handleChange.bind(this);
}
handleChange(event) {
this.setState(({ isChecked }) => (
{
isChecked: !
浏览 2提问于2018-05-27得票数 0
回答已采纳
我正在探索react onChange特性。我想要做的功能是，当选中复选框时，我想更新本地数据以在未选中复选框时添加一些值，我只想填充我所拥有的代码所做的与我想做的相反的原始数据。有谁能提供一些指导吗？
import "./styles.css";
import { useState } from "react";
export default function App() {
const localData = [{ name: "apple", phone: 12345 }];
const [check, setCheck] =
浏览 6提问于2022-01-20得票数 0
1回答
我到处寻找，但没有找到解决方案(我是个初学者，所以……)尽管有一些帖子，如：Use modal to take user checkbox input and return data back to parent component 我有一个家长，他有很多复选框。根据开关的状态，我将child1或child2插入到父级中。 每个孩子都有4-5个复选框，而不仅仅是一个。 我已经知道(对我来说)最好的方法是让复选框值的状态和复选框的可视状态(如在显示为选中或未选中时)应该在带有道具的父级中处理。我不想使用redux。 我有问题的复选框不显示为选中的孩子，即使值是传回值。我在每个孩子中都有一个切换
浏览 5提问于2019-09-02得票数 0
我知道react使用它自己的事件合成实现。然而，在我看来，它们并不完全像标准的html，这是一个问题。在我的例子中，我有一个复选框，它是一些img标签的兄弟。有两个img标签，一个用于表示选中，另一个表示未选中。我有一些css样式，当复选框处于未选中状态时，它会显示无。尝试让这个html/css与react一起工作是很困难的。虽然click事件是从标准html开始工作的，但它似乎没有传播到具有react组件的checkbox同级组件上。注意，由于有一些混淆，我知道它的非react版本使用的是css而不是事件。但我正在尝试实现相同功能的react event版本，并期望正常的html事件传播行为
浏览 1提问于2016-12-02得票数 0
这是我的类组件：
import React from 'react';
import { Jumbotron, Container, Label } from 'reactstrap';
import './Css.css';
class Settings extends React.Component {
state = {
isChecked: false,
}
isCheck(e) {
this.setState({
isChecked: e.target.checked
})
浏览 2提问于2020-08-20得票数 1
回答已采纳
import React from 'react';
import './App.css';
import { Button } from 'react-bootstrap';
function App() {
return (
<div>
<input type="checkbox" id="checkboxForHamburger" />
<Button onClick={??????}> UNCHECK </Button>
浏览 8提问于2020-04-12得票数 3
回答已采纳
1回答
我希望能够添加多个复选框在我的世博反应本地应用程序。我正在提供下面的相关代码。我的类中有一个数组，它保存关于复选框的详细信息，它有一个id，文本必须并排，并检查复选框是否选中。
我的密码
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
count: 0,
inputTxt: "",
checks: [
{id:
浏览 3提问于2020-12-08得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
