根据复选框的状态，根据OnChange进行React URL重定向
是指在React应用中，根据复选框的选择状态，通过OnChange事件来实现URL的重定向。
概念： URL重定向是指当用户访问一个URL时，服务器将用户重定向到另一个URL的过程。在React中，可以通过编程方式实现URL重定向，以便根据特定条件将用户导航到不同的页面。
分类： URL重定向可以分为客户端重定向和服务器端重定向。客户端重定向是在浏览器中进行的，通过修改浏览器的URL来实现页面跳转。服务器端重定向是在服务器端进行的，服务器返回一个特定的HTTP响应码来告诉浏览器进行重定向。
优势：
- 灵活性：通过根据复选框的状态来进行URL重定向，可以根据不同的条件将用户导航到不同的页面，提供更好的用户体验。
- 可维护性：通过使用React的OnChange事件来处理URL重定向，可以将逻辑集中在组件中，使代码更易于维护和扩展。
- 可测试性：由于URL重定向是在React组件中处理的，可以使用单元测试来验证重定向逻辑的正确性。
应用场景： URL重定向可以应用于各种场景，例如：
- 用户登录：根据用户登录状态，如果未登录，则重定向到登录页面；如果已登录，则重定向到用户主页。
- 权限控制：根据用户权限，如果用户没有权限访问某个页面，则重定向到权限错误页面。
- 表单提交：根据表单提交的结果，如果提交成功，则重定向到成功页面；如果提交失败，则重定向到失败页面。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与React应用开发和URL重定向相关的产品和服务：
- 腾讯云服务器（CVM）：提供可扩展的云服务器实例，可用于部署React应用和处理URL重定向。详细信息请参考：https://cloud.tencent.com/product/cvm
- 腾讯云负载均衡（CLB）：用于将流量分发到多个云服务器实例，可用于实现高可用性和负载均衡的URL重定向。详细信息请参考：https://cloud.tencent.com/product/clb
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，可用于存储React应用的静态资源。详细信息请参考：https://cloud.tencent.com/product/cos
- 腾讯云CDN加速（CDN）：提供全球加速服务，可用于加速React应用的静态资源分发和URL重定向。详细信息请参考：https://cloud.tencent.com/product/cdn
以上是根据复选框的状态，根据OnChange进行React URL重定向的完善且全面的答案。
相关·内容
我正在使用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
当item.availability=1 (例如) elif 0未被填充时，如何创建一个填充复选框。我可以在{item.availability}函数中返回Checkbox，但是我想要一些更通用的东西。
export default function Display() {
...
function Checkbox({ value }) {
const [checked, setChecked] = React.useState(true);
return (
<label>
<input
浏览 3提问于2022-04-16得票数 0
回答已采纳
5回答
我希望在我的HTML页面上使用react实现多个复选框。
我尝试使用这个URL：来实现。在提供的链接中，它是使用类组件完成的，工作非常完美，但是每当我使用React更新复选框时，选中的状态都不会重新呈现视图。
视图第一次呈现和console.log()是从复选框组件打印出来的。单击复选框函数之后，handleChange将被调用，checkedItems将更新该值，但视图不会再次呈现(没有console.log()打印)。{checkedItems.get("check-box-1")}也没有打印任何值。
下面是我的示例代码。
CheckboxExample：
import R
浏览 0提问于2019-05-23得票数 19
2回答
我只是想用多个复选框的handleChange方法来更改我的应用程序的状态。
当我点击我的每个复选框时，我的状态从假变为真，但是当我取消选中它时，我的状态并没有改变来反映它，我似乎不知道为什么！
import React, { Component } from "react";
export class StepOne extends Component {
constructor(props) {
super(props);
this.state = {
box1: false,
box
浏览 0提问于2020-04-28得票数 2
回答已采纳
错误:第33:13行:期望一个赋值或函数调用，而不是看到一个表达式没有未使用-表达式。
I使用路由和浏览器路由器创建到页面的链接。需要在登录时重定向到主页。
import axios from 'axios'
import {Redirect} from 'react-router-dom'
import React,{Component} from 'react'
const url ="http://localhost:80/phpfile"
class Signup extends Component{
con
浏览 0提问于2020-10-22得票数 0
回答已采纳
2回答
我目前正在开发一个具有复选框的表单，该复选框必须使用react进行验证。我需要它显示一个错误，说‘请选择至少2个复选框’，如果少于2个复选框被选中。我试过使用if条件，但它不起作用。我参考了很多网站，但无法找到一个适当的解决方案。请帮帮我。
我的代码：
class App extends React.Component {
state = {
checkbox: "",
checkboxValid: false,
errorMsg: {},
};
validateForm = () => {
const { checkboxV
浏览 1提问于2020-12-22得票数 1
回答已采纳
1回答
我有一个nextjs (使用类型记录)前端。我正在尝试创建一个用户创建表单，管理员可以在其中创建其他用户。该表单的目标是生成一个简单的用户状态对象，然后将其传递到create用户文档函数中。用户对象非常简单。如下所示：
const user = {
name: "",
email: "",
roles: []
}
这些角色让我头疼。我试图使用Chakra复选框从角色数组中添加或删除字符串。
<CheckboxGroup colorScheme="green">
<Stack spac
浏览 6提问于2022-08-17得票数 0
回答已采纳
我想在react JS中基于条件选中一个复选框 我在render方法中的代码是- var checkedIn;
if (this.state.edituserisactive.toString() == "true") {
checkedIn = "checked";
} else {
checkedIn = "";
} 我的复选框代码是- <label htmlFor="fgh"> Is Active ? <inp
浏览 24提问于2019-07-02得票数 0
2回答
当复选框被选中时，我正在尝试同步两个文本。 这里我使用了useState钩子来控制复选框和文本框，但我想我忽略了三元运算符的逻辑，有谁能帮我解决这个问题吗？ 这就是我试图解决的问题，但这并不起作用。 在这里，我使用变量ca表示通信地址，使用pa表示永久地址。 import React, {useState} from 'react'
const Sync_address = () => {
const[pa, setPa] = useState('');
const changePa = e =>{
setPa(e.target.va
浏览 19提问于2021-09-18得票数 0
回答已采纳
1回答
我正在尝试创建一个嵌套/分组复选框列表，其中选择一个复选框(父)应该根据一个数据对象数组选择其他复选框(所有其子复选框)。现在，硬编码checked状态中的App.js值会反映复选框输出的滴答声，但是当状态通过将setState作为道具传递给子组件而被修改时，复选框不会更新。
部分解决我所要做的事情的一种方法是在CheckBoxGroup.js onChange方法中使用一个onChange，以改变一个布尔值，从而迫使组件进行更新。但即使如此，控制台也会显示正确更改的props.state，但app.js组件状态不会反映。如果没有useState，复选框似乎也不会重新呈现。谁能帮个忙吗？谢谢
浏览 0提问于2020-01-15得票数 0
回答已采纳
我想让复选框处于受控状态，handleChange会做这项工作，并切换completed属性，但我想react不会重新渲染dom。我该如何让它工作呢？
import React from "react";
export default function App() {
const [items, setItems] = React.useState([
{ title: "Item 1", completed: false, id: 1 },
{ title: "Item 2", completed: false, id:
浏览 0提问于2019-12-18得票数 0
1回答
我是React的新手，我想知道如何创建不确定(三态)复选框的混合实现？到目前为止，我所能实现的只有vanilla 3 state复选框，但我需要这样做： ? 有人能告诉我怎么做吗？ 编辑： 我使用这段代码来启动： const [state, setState] = React.useState(0)
const indetSetter = React.useCallback(el => {
if (el && state === 1) {
el.indeterminate = true
}
}, [stat
浏览 5提问于2021-07-16得票数 1
回答已采纳
2回答
当我有两个复选框时，我试图更改复选框的状态，但是所有的复选框都同时被选中，我尝试了5天的不同解决方案，但仍然没有.我的反应很新，所以我迷路了。
import React, { ChangeEvent, useCallback, useState } from 'react';
import ReactDOM from 'react-dom';
import { Checkbox, Pane } from 'evergreen-ui';
function ControlledCheckboxExample() {
const [checke
浏览 4提问于2022-09-18得票数 1
回答已采纳
我必须创建一个按钮，当复选框被选中时激活，未选中时禁用。我能够通过下面的代码来实现这一点。
import React from "react";
import "./styles.css";
import{useState} from 'react'
export default function App() {
const [change, setChange] = useState(true);
function buttonHandler(){
setChange(!change)
}
return (
<d
浏览 3提问于2021-11-21得票数 0
回答已采纳
3回答
我正在用复选框实现Todo。我在状态中有一个id、内容、状态属性。状态有3个状态(待定、完成、删除)。这是一个托多利者的复选框。如果状态挂起，则不应选中复选框。如果状态已完成，则复选框应为checked.By默认值，状态为pending.Checkbox应根据状态选中/取消选中。在删除todo时，状态应该更新为已删除。现在，复选框实现给我留下了深刻印象。它不符合要求。
App.js：
import React from 'react';
import Todo from './Todo';
import AddTodo from './AddTodo&#
浏览 2提问于2020-10-16得票数 1
回答已采纳
我正在学习React Hooks，并试图理解如何使用state管理多个复选框。如果我只有一个复选框，下面的代码可以工作-使用check作为状态-但当我有多个框时，这不起作用，因为onChange = {() => setCheck(!check)}将一次更改所有框的选中状态。 我认为如果我使用一个React类组件(类似于this.handleCheckboxChange，只改变特定复选框的状态)，这是可行的，但我正在尝试使用钩子来实现。 import React, { useState } from 'react';
const Search = ({ options
浏览 12提问于2021-05-04得票数 0
1回答
我试着制作todo应用程序。我在每一项上都有复选框，当我单击复选框时，im试图将选中(已完成)的值更改为true，但它需要两次单击才能做到这一点--为什么现在我一直试图解决这个问题？
import React from "react";
import { useState, useEffect } from "react";
import { ControlPanel } from "./ControlPanel";
export const Input = () => {
const [todos, setTodos] = useS
浏览 2提问于2022-04-23得票数 0
回答已采纳
1回答
对于复选框onChange事件，当未签入react时，如何从状态数组中删除值？
状态数组：
this.state = { value: [] }
onChange函数：
handleChange = event => {
if (event.target.checked) {
this.setState({
value: [...this.state.value, event.target.value]
});
} else {
this.setState({
value: [
浏览 2提问于2020-10-06得票数 2
回答已采纳
我的一个应用程序部分允许用户通过在React中选择单个复选框来选择复选框，方法是将项目填充到复选框。我写了一个代码来处理复选框的onChange，以将_id发送到后端API。
当单击一个复选框时，我面临的问题是所有复选框都被选中。我需要应用程序能够选中一个复选框一次，并捕获其关键id。
我的代码是；
const fetchCategory = async () => {
fetch(`http://localhost:4000/api/v1/category`)
.then(response => response.json())
.then(respons
浏览 3提问于2020-06-11得票数 0
2回答
当用户界面的初始值为false或null时，我正在处理后端值。如果值为false或null，则需要选中我的复选框，如果后端值为true，则需要取消选中我的复选框。使用，资料UI复选框
链接到代码框：
import * as React from 'react';
import Checkbox from '@mui/material/Checkbox';
export default function ControlledCheckbox() {
const [checked, setChecked] = React.useState(false);
浏览 5提问于2022-05-15得票数 0
我正在用react js制作一个旅行表格。用户的输入之一是复选框，它需要用户根据他们的饮食限制(即素食，犹太洁食，无乳糖)勾选复选框。如何使此属性在其各自的框被选中时显示在屏幕上。我很难做到这一点，因为react不会在state中显示布尔值的属性。 class App extends React.Component{
constructor(){
super()
this.state ={
firstName: "",
lastName: "",
age: "",
gender
浏览 37提问于2020-09-29得票数 1
回答已采纳
当用户在我的页面上更改筛选器值时，我使用以下内容更新页面URL：
function filterChanged() {
window.history.pushState("", document.title, '?' + $("#FiltersForm").serialize())
}
当URL变为：
http://localhost/?CreatedDate=2016-11-07&StatusFilter=Complete&StatusFilter=Failed
(请注意，这是一个MVC项目)
如果我随后使用F5或在地址
浏览 1提问于2016-11-08得票数 0
4回答
我正在尝试将复选框选中的值存储到我的react应用程序中的本地存储中。但每次我储存的时候，它都会储存以前的状态。下面是我的代码：
供渲染方：
render () {
return (
<Checkbox
checked={this.state.checkedCheckpoint}
onChange={() => this.onChange('checkpoint')}
浏览 9提问于2017-12-04得票数 0
回答已采纳
2回答
我的主要内容如下：
export default class RegistrationFormStepFour extends React.Component{
constructor(props){
super(props);
this.state = {
terms: false,
emailNotifications: false,
smsNotifications: false,
errors: {}
}
}
handleTerms(event){
event.preventDefaul
浏览 5提问于2016-09-28得票数 1
回答已采纳
1回答
我正在尝试为我的主Formik React表单编写这个自定义react组件。
我想要创建一个“选择所有”复选框，当选中或取消选中时，该复选框将选择或取消所有其他复选框。
我意识到我正在使用onChange事件单击“Select”复选框。
但当我这么做的时候，它总是被选中的。
我也不知道如何自动选择和取消选择其他复选框。
另一件事是，这个组件不使用状态，因为状态是由我的表单页面中的Formik处理的。Formik只是查找选中的复选框并将其添加到state中。
有办法这样做吗？
谢谢!
这是我的代码：
const EngineList = () => {
const handleE
浏览 3提问于2020-05-05得票数 2
回答已采纳
2回答
我做了这个复选框，它应该是一个“三态”复选框，它使用不确定的状态，不仅是“视觉价值”，也是“真实”的-value。如果我只使用标准复选框就可以了，但是如果我使用引导自定义复选框，它就不再起作用了，因为ReactDOM.findDOMNode(this).indeterminate无法访问该复选框。因此，ReactDOM.findDOMNode(this).indeterminate = true;不会将indeterminate设置为true。
这是我的组件：
import React from "react";
import ReactDOM from 'react-
浏览 21提问于2018-08-14得票数 0
1回答
我正在尝试选中react中的复选框(component)，并尝试检查所有变量。我把代码写成：
import React, { Component } from 'react'
import {
Card,
Container,
CardBody,
Form,
FormGroup,
Label,
Input,
Button,
} from "reactstrap";
export default class Chk extends React.Component {
states=
浏览 1提问于2021-06-09得票数 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
回答已采纳
//Main functional component
function CustomizedTables(props) {
const classes = useStyles();
const [nameCheckbox, setnameCheckbox] = useState([]);
const [emailCheckbox, setemailCheckbox] = useState([]);
const [faxCheckbox, setfaxCheckbox] = useState([]);
const [loopStopFlag, setFlag] = useS
浏览 2提问于2020-02-04得票数 0
2回答
我目前正在使用React构建一个网站，并且我无法从onChange事件中获得复选框键值。这就是我的代码的样子：
handleChange = (e) => {
console.log('it works');
console.log(e.target.key);
}
我的复选框代码：
<Table.Cell><Checkbox key={singleNews.key} name="myCheckBox1" onChange={this.handleChange}/></Table.Cell>
它只需打印出
浏览 0提问于2018-02-12得票数 2
回答已采纳
我有一个使用React钩子创建的组件，它有一个输入和一个复选框。我在输入中附加了一个函数来验证电子邮件地址。我在复选框上有一个清除输入并禁用它的函数。我正在尝试重写我的验证函数，使其在输入字段处于活动状态时运行，以便即使用户单击复选框以清除和禁用该字段，然后再次单击它以重新启用它，验证仍会再次运行，并提示用户输入电子邮件地址。到目前为止，我的输入是用一个onBlur函数设置的，该函数在用户输入和退出输入时立即运行验证。我需要维护此功能，但需要将其扩充为在启用输入时也运行。我有一个代码沙盒here用于进一步的上下文和我的组件的简短格式如下： import React from "rea
浏览 23提问于2019-06-12得票数 1
回答已采纳
2回答
请参阅下面的片段：
在使用React控制复选框输入时，使用value或checked属性有什么区别？
我应该用哪一种？
function App() {
const [inputState, setInputState] = React.useState(false);
function onChange(event) {
const inputValue = event.target.checked;
setInputState(inputValue);
}
return(
<React.Fragment>
<d
浏览 9提问于2020-06-05得票数 1
回答已采纳
2回答
我在我的小项目中创建了多个复选框。我面临一个问题，在检索信息的复选框，同时给予一个复选标记。如果我在玩具上给出一个检查点，那么这个值应该是toys，或者如果我在toys和lights上都给出了检查点，那么我应该在控制台中同时得到玩具和灯。
这是代码：
import React from "react";
import { render } from "react-dom";
import { Segment, Form, Checkbox, Button } from "semantic-ui-react";
import axios from
浏览 1提问于2020-03-10得票数 0
回答已采纳
1回答
我正在尝试获取复选框的选中值，然后在字段中显示它们。我有两个文件--包含输入字段的索引，然后在一个不同的组件selectlanguage中生成复选框。我希望当用户检查一个或多个复选框(Es)时，该值将出现在输入上，如果未选中，则该值将离开该字段。
目前，我所能实现的只是在输入字段中出现一个单一的值。
下面是代码的一个片段。
index.js
import React, { useState } from "react";
import SelectLanguage from "../../components/modal/selectLanguage";
co
浏览 1提问于2022-05-17得票数 0
回答已采纳
1回答
大家好，我有一个问题，我有一个2复选框，他们每一个都有价值。第一个复选框是Any/Not，第二个复选框是有效/无效的。如果选中复选框，则该值将更改为任意值，如果未选中，则该值将不为有效/无效值。
我已经尝试过了，但是当未选中复选框时，im获取的值是未定义的。顺便说一句，我使用了react、node和mysql。但是，当选中该框时，该值将被成功地更改。
以下是代码：
FormDataProvider.js
import React from 'react';
import {createContext, useState} from "react"
ex
浏览 7提问于2022-09-02得票数 0
回答已采纳
当选择日期时，我想更新我的整个仪表板，就像所附的图像一样
选择日期后，整个页面信息将被更新。我使用React和axios来选择日期，使用Laravel来处理结果并返回所有数组。但我不知道如何将返回结果嵌入视图(Blade)中。
仪表板刀片：
<div class="container">
<div class="row">
<div class="col-lg-12 mb-4">
<div class="row">
浏览 4提问于2020-02-29得票数 0
1回答
当复选框在FormControlLabel和函数下时，当useState更改另一个变量时，值不会改变。
如果我注释useState，复选框就会生效。
如果我在呈现(而不是函数)上移动相同的代码(复选框和formcontrolLabel)，则复选框工作。
示例代码：
import * as React from "react";
import {
Theme,
useTheme,
Box,
Stack,
Checkbox,
FormControlLabel,
} from "@mui/material";
export const Run
浏览 5提问于2021-12-18得票数 0
如何创建方法，当我单击一个复选框，另一个复选框，没有选择，只是可以选择其中之一。
import React, { Component } from 'react';
export default class Tablerow extends Component {
constructor(props){
super(props);
let {listwebsites} = this.props;
listwebsites.checked = false;
this.state = {
fields : {
浏览 0提问于2019-02-03得票数 1
回答已采纳
2回答
无法选中/取消选中复选框
、、、
我正在制作一个react应用程序，其中职务标题的复选框是从api的动态数据中填充的，它将与给定的片段完全一样。
const departments =
[
{
"sectorId":29,
"sectorName":"Building Materials Mfg. & Distribution",
"departments":[
{
"deptName":"Manufacturing",
浏览 3提问于2020-10-30得票数 1
回答已采纳
1回答
复选框中的问题
、、
Reactv18.2.0:每当值为True时，将选中复选框，但不能取消选中(状态按预期进行更改)。但是，如果值不为真，则可以选中/不选中复选框。我使用了条件渲染来显示选中和未选中的输入字段。当从检查元素>组件>查看时，我可以看到状态正在按预期变化。下面是带有复选框问题的agent.jsx代码片段。toggleShift函数在agent.jsx中从父组件(agentlist.jsx)传递到子组件。
agent.jsx //用于列表中的单个项目
import axios from 'axios'
import React from 'react'
imp
浏览 6提问于2022-09-13得票数 0
回答已采纳
1回答
我试图在单个选择中使用antd复选框，但是在单个选中时，没有关于如何禁用其他复选框的文档。除了选中的复选框之外，还有“禁用”布尔选项，这对于所有复选框都应该是正确的。
这与react.jsx是可能的吗？
const [checkList, setCheckList] = useState(array)
const [disable, setDisable] = useState(false)
{checkList.map((item) => (
<CheckBox onChange=(e => e.target.checked ? setDisable(true) : se
浏览 11提问于2022-03-11得票数 1
回答已采纳
1回答
你好，如何处理多个复选框的onChange？下面的示例允许我控制一个复选框的值。
class App extends Component {
constructor() {
super();
this.state = {
i_agree: false
};
this.handleChange = this.handleChange.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
}
handleChange(event) {
this.
浏览 1提问于2021-01-05得票数 2
回答已采纳
2回答
当复选框处于活动状态时，我想使按钮处于活动状态。我只做了一个复选框，但是如何使用两个复选框来完成呢？如果没有选中其中一个复选框，则不应启用按钮。
这就是我使用单个复选框所做的按钮活动的方式：
import {useState} from "React";
export default function App() {
const [change, setChange] = useState(true);
const buttonHandler = () => {
setChange(!change)
}
return (
<>
浏览 9提问于2022-03-18得票数 0
回答已采纳
1回答
我正在尝试实现一组从对象呈现的React复选框，如下所示：
constructor() {
this.state.todo = {
eat: true,
sleep: false,
react: true
}
this.toggleCheckbox = this.toggleCheckbox.bind(this);
}
toggleCheckbox(e){
console.log(e); // nothing :-/
}
render() {
return (
<div>
浏览 0提问于2018-08-06得票数 3
2回答
对于我来说，Page2组件是有必要画出来的。我创建了一个useState，用于跟踪复选框的值，但当选中复选框时，我不知道如何以编程方式导航。我该怎么做？
export default function Home() {
const [checked, setChecked] = useState(false);
const navigate = useNavigate();
const handleChange = () => {
setChecked(!checked);
};
return (
<>
<input t
浏览 8提问于2022-12-02得票数 1
回答已采纳
我有一个复选框和一个标记组件。在检查每个元素时，该元素的标记将显示在下面，这是通过以下代码实现的。但我希望将每个标记与相应的checkbox元素进行映射。当我删除一个元素的标记时，相应的元素应该从复选框中取消选中。现在，当我删除标记时，复选框仍处于选中状态。链接到我的代码
import React, { Component } from "react";
import { Checkbox, Tag } from "antd";
class Filters extends Component {
state = {
tags: []
};
o
浏览 0提问于2020-03-17得票数 1
我有一个受控组件，它使用单个handleChange方法管理多个输入(范围和复选框)。
我的范围和复选框没有响应事件。我一直在使用这个作为参考。我克隆了我一直关注的这篇文章的示例，它起作用了，所以我很困惑为什么我的组件不是。
import React, {useState} from 'react';
export default function App() {
const [state, setState] = useState({
rightAngle: 11,
leftAngle: 4.5,
ri
浏览 2提问于2020-05-24得票数 0
回答已采纳
react给了我一个警告：“一个组件正在更改一个不受控制的输入类型复选框以被控制。输入元素不应该从无控制切换到受控(反之亦然)。”
但是，我的复选框是通过state属性进行更改的。我漏掉了什么明显的东西吗？
import React from 'react';
// Components
import Checkbox from './checkbox';
import HelpBubble from './helpBubble';
export default class CheckboxField extends React.Co
浏览 3提问于2018-10-30得票数 24
回答已采纳
我是很新的反应和引导。我想知道--当Form.control被选中或未被选中时，如何控制Form.check的可见性。
我想在选中复选框时显示Form.Control，然后在未选中复选框时隐藏它。我试图通过设置州来控制能见度，但到目前为止我一直没有成功。
，这就是我尝试过的：
import React from 'react';
import { Row, Form, Col, Button, Container } from 'react-bootstrap';
class MyCustomClass extends React.Component {
浏览 0提问于2019-10-11得票数 2
回答已采纳
这是我的类组件：
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
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
