如何在状态更改React时更改Button中的禁用
在React中，当状态发生变化时，我们可以通过使用setState方法来更新状态。要在状态更改时更改Button中的禁用属性，可以按照以下步骤进行操作：
- 在React组件的构造函数中，初始化一个状态变量，例如
isDisabled，并将其设置为true，表示按钮初始状态为禁用状态。
constructor(props) {
super(props);
this.state = {
isDisabled: true
};
}- 在Button组件中，将禁用属性设置为状态变量
isDisabled的值。
<button disabled={this.state.isDisabled}>按钮</button>- 在React组件中，定义一个方法来处理状态的更改。例如，我们可以创建一个名为
handleStatusChange的方法，该方法将在状态更改时被调用。
handleStatusChange = () => {
// 根据需要更新状态
this.setState({ isDisabled: false });
}- 在React组件中，将状态更改的方法绑定到触发状态更改的事件上。例如，我们可以将
handleStatusChange方法绑定到一个按钮的点击事件上。
<button onClick={this.handleStatusChange}>更改状态</button>现在，当点击"更改状态"按钮时，handleStatusChange方法将被调用，状态将被更新为isDisabled: false，从而使按钮变为可用状态。
这是一个简单的示例，展示了如何在状态更改React时更改Button中的禁用属性。根据具体的应用场景和需求，可以根据需要进行更复杂的状态管理和UI更新操作。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯区块链服务（TBCS）：https://cloud.tencent.com/product/tbcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
关于React.js中的残疾人问题
我尝试在加载时禁用一个按钮，然后在完成呈现(或者说获取数据)之后，它将启用该按钮。
下面是代码框链接中的示例：
例如:每次我单击“第一”、“前一”、“下一步”和“最后”按钮时。当当前加载数据页时，将禁用所有按钮(而不仅仅是被单击的按钮)。
谢谢
如果您不能打开链接，下面是代码：
import React,{ useState, useEffect } from "react";
import "./styles.css";
export default function App() {
const [posts, se
浏览 11提问于2022-07-12得票数 0
1回答
嗨，我自己一直在忙着我的项目。我已经创建了react中的表，并获取了api来显示单元格的数据。但是，当我双击表格单元格时，它应该能够编辑数据，如果发生了更改，应该将其保存并更新到数据库中。我不知道更新函数以及如何在doubleClick上编辑表格单元格。请帮我做这件事。我会分享我的一些密码。
<tr>
<th>
<div className="td1">Concept</div>
</th>
{data.Concept.map((item, i) => {
浏览 8提问于2022-08-10得票数 0
我在react组件中有一个表单： import React, { useState, useRef, useEffect } from 'react';
import { useAuth } from './AuthContext';
export default function EditProfile() {
//refs for form fields
const nameRef = useRef();
const hometownRef = useRef();
.
.
.
浏览 21提问于2021-08-11得票数 0
回答已采纳
我有一个React/Firebase应用程序，在该应用程序中，我从firebase中提取当前活动用户，并将其作为上下文传递给应用程序的其余部分。
用户被设置为FirebaseContext.js文件中的上下文，问题是:在我登录和控制台记录用户对象之后，它被记录为null。但是，当我对FirebaseContext.js文件进行更改并保存它时，用户对象返回正确的对象。
就好像FirebaseContext.js中的代码没有在登录时执行一样，我不知道为什么。我的理解是，一旦用户登录，整个应用程序都可以使用他们的登录状态--或者我误解了。关于如何登录工作的建议？
该项目的结构大致如下：
src
|_
浏览 1提问于2022-02-15得票数 1
回答已采纳
3回答
我正在React中构建一个视频播放器，并尝试跟踪视频是否正在播放。当然，我正在考虑使用React状态将布尔值设置为true或false。 问题是，每当我播放视频并试图更新状态时，我的视频似乎被重新加载到DOM中，播放/暂停状态丢失。 const refVideo = useRef();
const [isPlaying, setIsPlaying] = useState(false);
function playVideo() {
if(refVideo && refVideo.current) {
if(refVideo.current.paused) {
浏览 120提问于2020-07-04得票数 1
2回答
我有一个QWERTY键盘通过一个组件动态呈现为启动按钮，通过引导-反应。他们没有in，我试图不使用in作为反应的拐杖。
当其中一个字母被点击时，它会通过道具触发一个onClick事件，返回到我的App.js。这个很好用。我想要那个按钮被禁用。因为它没有ID，而且我不能做一个jQuery类&数据值选择器，因为: React。
如何将该按钮属性更改为“禁用”(“禁用”是react中允许的HTML属性)。
import React from "react";
import {Button} from 'react-bootstrap';
const key
浏览 5提问于2017-12-15得票数 6
回答已采纳
从标题本身。我正在学习新的反应，我有一个关于编辑领域的问题。
每当我单击要编辑的特定项目时，其余未选中的项目也将被编辑，如下面的屏幕显示所示。我想知道如何生成唯一的编辑字段框，这些框将只编辑当前选定的特定字段。每次我在editedField上输入一个新项目时，我都会遇到这样的错误。
代码
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
class Skills extends Component {
constructor(props) {
浏览 0提问于2019-01-28得票数 1
回答已采纳
我的React应用程序中有这个按钮组件：
<button onClick={() =>alert('hi')} disabled={true}>test</button>
我期望在浏览器中删除disabled属性，如下所示：
<button disabled>test</button>
至：
<button>test</button>
应该单击该按钮，并显示警告，但它没有发生。
为什么按钮在删除浏览器中的属性后不触发警报消息？
浏览 8提问于2022-05-18得票数 -1
回答已采纳
我有一个使用jquery样式的HTML <a>显示为一个按钮。html如下所示：
<a id= "delete-user"class="ui-button ui-widget ui-corner-all">DELETE USER</a>
<a id= "save-user" class="ui-button ui-widget ui-corner-all" style="float:right">SAVE</a>
我尝试过在javascript中设置元素
浏览 8提问于2016-09-25得票数 0
回答已采纳
我在REACT js中有购物应用程序。Im使用.map()函数显示所有产品，并在每个产品的前面显示"ADD“按钮。当单击ADD btn时，它在本地存储中添加单击的产品ID，然后通过从localStorage检索ID，在购物 Cart中显示这些选定的产品。所有这些都可以实现精细。
现在，我想要的是禁用“添加到购物车”按钮(仅针对选定的产品)，当它点击一次。我通过设置状态来做到这一点，但它实际上禁用了所有产品的所有“添加到购物车”按钮 infront，而不是仅禁用所选按钮。
我搜索了很多这个问题，我所得到的解决方法就是setState to true/false以启用/禁用按钮。我这么做
浏览 1提问于2019-04-17得票数 1
回答已采纳
在下面的场景中，我试图制作一个简单的+/-计数器，就像在购物应用程序中一样。当我尝试添加的时候，它工作得很好。当我删除时，它应该停止工作，当它涉及到0。我该怎么做呢？
import React from "react";
class Clicks extends React.Component {
constructor() {
super();
this.state = {
count: 0,
};
}
clickAdd() {
this.setState({
count: this.state.count
浏览 2提问于2022-06-18得票数 0
我正在尝试创建一个输入字段堆栈，并且我希望能够动态地向页面添加一个新的输入字段。我将默认字段存储在数组状态中，当我想要添加一个新字段时，我使用setArr()来使用扩展运算符添加一个新字段。问题是，每当我创建一个新字段时，无线电按钮和选择字段的值都会被重置。
import React, { useState } from "react";
export default function StackState() {
const [arr, setArr] = useState([
<input type='text' />,
浏览 4提问于2022-08-20得票数 0
3回答
我的按钮被禁用，但我想在用户单击它时显示一个消息框。我该怎么做呢？我还想提一下，UIbutton是在UITableview上添加的，我尝试了下面的代码，但它总是转到DisableClick()函数中的else。
在cellForRowAtIndexPath:中
button = [UIButton buttonWithType:UIButtonTypeCustom];
[button setFrame:CGRectMake(180, 6, 30, 30)];
[button setTag:4000];
[button addTarget:self action:@sel
浏览 0提问于2013-10-04得票数 4
我试图禁用提交按钮在某些条件下，但它不工作。当我检查浏览器中的元素时，不管条件返回为true还是false，这都是呈现的内容。
元素在浏览器中呈现。
<button type="submit" disabled="" class="bg-yellow-500 text-white mt-4 disabled:bg-yellow-300 px-3 py-2 rounded-md">Submit</button>
代码
state = {
formIsVaild: false
}
render() {
浏览 2提问于2021-02-17得票数 5
回答已采纳
1回答
我从API列表中映射了一系列按钮。当按下按钮时，这些按钮会更改用户的等级值。但是，我想要它，这样用户就不能分配比他们目前拥有的更低的等级，所以我让它使按钮禁用如果键值低于当前的秩键值。该功能有效，但是只有刷新页面时按钮才会被禁用。
export default class rankChangeButtons extends React.Component{
constructor() {
super()
this.state = {
data: [],
rankId: this.props.rankId,
ran
浏览 4提问于2021-12-30得票数 0
2回答
我正在建立一个应用程序，生成与按钮选择器团队。初始团队是(available team)，它有两个按钮；player name按钮，它将球员名称填充到(alpha team)中；kick按钮，它将球员名称填充到(bench team)中。
我想要做的是，当球员姓名按钮被按下时，它应该禁用踢球按钮；当踢球按钮被按下时，它应该禁用球员姓名按钮。
我已经尝试了不同的方法，但还没有接近解决方案。如果能帮上忙，我们将不胜感激。
import React, { Component } from 'react';
import './App.css';
const gree
浏览 10提问于2018-01-25得票数 0
如何在Modal中单击remove按钮时删除显示的内容。
当从数组中单击remove按钮时，我可以删除该对象，但该内容仍显示在屏幕上。
我认为从数组中删除对象将重新启动map函数，该函数将再次调用循环，新内容将可见
import React from "react";
import { Modal, Button } from "react-bootstrap";
import "bootstrap/dist/css/bootstrap.min.css";
let data = [
{
Name: "COOL",
浏览 26提问于2020-07-31得票数 0
1回答
我有一个表单，它使用react-bootstrap组件，当表单加载时，字段将被默认值填充，这些字段可以被编辑。如果对表单不做任何更改，我希望保持“提交”按钮的禁用。如果对表单做了任何更改，我希望submit按钮能够提交。
在angularjs中，您可以使用pristine、dirty等来实现这一点。我如何在reactjs中这样做，并响应引导呢？
My form
<Form noValidate validated={validated} onSubmit={this.handleSubmit}>
<div id="" className="pb-
浏览 3提问于2020-01-06得票数 1
2回答
我知道如何使用react组件中的函数来获取我的后端，但我需要一个下拉菜单，所以我在react-select页面中找到了一个示例，但该示例是在类中创建的。 我在互联网上找到的干净的例子是，对于导入react-select，有必要运行npm install react-select命令 import React, { Component, Fragment, useEffect } from "react";
import Select from "react-select";
const options = [
{ value: "red"
浏览 15提问于2021-05-09得票数 0
回答已采纳
这是我组件的课程：
import React, { Component } from 'react';
import {connect} from 'react-redux';
import Button from '../UI/Button/Button';
import * as actions from '../../store/actions';
class Password
浏览 0提问于2019-01-03得票数 0
1回答
我有一个简单的React/Spring应用程序，我希望将一个搜索字符串传递到一个详细信息页，然后使用相同的searchString作为参数链接回父页面。
此时，父页面应该获取值并将其存储回状态。
就现有代码而言，当父代码打开时，它会在状态中设置一组值，包括搜索字符串：
constructor(props) {
super(props);
const {cookies} = props;
this.state = {
word: '',
newWord: '',
searchString: '&#
浏览 1提问于2020-09-11得票数 0
回答已采纳
1回答
嗨，我正在尝试写一个导航栏组件。
有两个地方供用户在导航栏内登录。在navbar组件本身上&另一个名为settingMenu的组件，它也处理登录。设置菜单是可重用的组件，可以在整个项目中使用，因此我们在其中添加了一个登录按钮。
我面临的问题是用户何时从settingMenu登录。我想更新导航条状态。
最初，当应用程序中没有用户时，Navbar获得了LOGIN按钮。我想要的是当用户通过设置菜单登录时，我想要重新命名(导航条)&将LOGIN按钮更改为LOGOUT按钮，但这没有发生。
这是navbar组件
<Button
onClick={(event: R
浏览 1提问于2020-10-21得票数 0
1回答
我试图使用React挂钩将类重构为无状态组件。
组件本身非常简单，我看不出我在哪里出错，因为它几乎是react中的复制粘贴。
当用户单击按钮(按钮通过道具传递给我的组件)时，组件将显示弹出窗口。我在用typescript。
我在hooks 版本中评论了不能按我的要求执行的行
这是我最初的课：
export interface NodeMenuProps extends PropsNodeButton {
title?: string
content?: JSX.Element
button?: JSX.Element
}
export interface NodeMenuState
浏览 0提问于2018-11-22得票数 10
我正在使用一个，并试图在required = true状态和required=false状态之间切换，我注意到一种特殊的情况，即当输入字段不再需要时，错误消息不会消失。我不知道为什么antd不自己来处理这种情况。
以下是我所做的：
输入字段初始化为required
我写了一些东西，然后擦除，这给出了“请输入你的用户名”的信息，如图像所示
然后我点击，Click to toggle input field按钮。这将输入字段状态从required = true更改为required = false。
但错误信息仍然存在。当输入字段不再需要时，如何使错误消息自动转到？
浏览 1提问于2019-06-26得票数 2
3回答
钩不使状态处于反应状态
、、、
在下面的代码中，下面所示的钩子不会改变变量newName的状态。
import React, { useState } from 'react'
const App = () => {
const [ persons, setPersons] = useState([
{ name: 'Arto Hellas' }
])
const [ newName, setNewName ] = useState('')
const textChangeHandler = (event)=>{
浏览 1提问于2019-12-22得票数 1
2回答
我想从DOM中“卸载一个简单的功能组件”。我搜索了很多，并且看到大多数教程都是基于Class组件的，而且我没有看到任何简单的例子。我的要求是在单击按钮时从DOM中卸载一个功能组件。下面是带有按钮的组件，我喜欢在单击它时卸载它。希望有人能帮我做。提前谢谢！
import React from 'react'
function App() {
return (
<div className='app-component'>
<h2 className="h2">App Component</h2&
浏览 10提问于2022-07-03得票数 -1
回答已采纳
我有一个应用程序：
import React, { useState } from "react";
const App = () => {
const [cars, setCars] = useState([]);
const [car, setCar] = useState({
name: "",
color: ""
});
const handleChange = e => {
setCar({
...car,
[e.target.name]: e.targe
浏览 7提问于2020-08-09得票数 0
8回答
我有这样的组成部分：
import React from 'react';
export default class AddItem extends React.Component {
add() {
this.props.onButtonClick(this.input.value);
this.input.value = '';
}
render() {
return (
<div className="add-item">
<input type=&#
浏览 4提问于2017-01-05得票数 146
回答已采纳
如何在MouseDown中使用fastCount() = true
我不知道setState是如何在React钩子中更新的。
MouseDown状态不会在FastCount函数中更新。
function action(fastCount){
setMouseDown(true);
setTimeout(()=> fastCount(),2000);
}
const fastCount = () =>{
console.log(`fastCount에서 실행 : ${mouseDown}`);
if(mouseDown){
浏览 2提问于2020-06-11得票数 0
回答已采纳
1回答
因此，我在react JS上做了一个tic-tac-toe项目，我必须将正方形组件的密钥传递给开发checkWinner函数的游戏组件(父组件)。请指导我如何传递它，因为我必须通过键定位每个正方形组件的值。
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/1
浏览 1提问于2020-05-11得票数 0
1回答
我想在我的react项目中禁用一个按钮，在那里我使用了MUI css框架。但是现在我想知道如何在一次点击后禁用按钮。
<Button variant="contained"
onClick={()=>handleAdd(course)}
disabled=?
>
浏览 3提问于2022-09-25得票数 -1
我有一个react组件，由一个输入字段和一个按钮组成。单击按钮时，我希望运行一个也是从父控制器继承的更新函数。在react文档中，它们有一个onchange处理程序附加到这个输入，并使用onchange事件对象获得输入的新值。然而，在我的例子中，我得到一个事件对象描述按钮，而不是输入字段。通过单击句柄访问新输入字段值的正确方法是什么？
class QuoteButton extends React.Component {
constructor(props) {
super(props);
this.handleClick = this.handleClick.bind(t
浏览 2提问于2018-06-21得票数 0
回答已采纳
我必须创建一个按钮，当复选框被选中时激活，未选中时禁用。我能够通过下面的代码来实现这一点。
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
回答已采纳
2回答
我有一个文件列表和一个下载每个文件的按钮，我创建了一个状态，当用户单击时禁用该按钮，并在下载开始时启用该按钮。
这是按钮：
<Button disabled={this.state.disabled} onClick={(e) => { e.stopPropagation(); this.isDownload(props)}} />
这是带有下载功能的代码
import React from 'react';
import autoBind from 'react-autobind';
constructor(props) {
super
浏览 6提问于2021-10-10得票数 0
我对react中的react-bootstrap-sweetalert库有一个问题。实际上，它工作得很好，直到互联网连接变慢。当有人试图点击提交按钮时，由于互联网速度很慢(我通过“网络部分慢3G”来模拟)，警报并不是在点击按钮后的确切时间关闭，而是在几秒钟后关闭。因此，有人可能会多次单击submit按钮。这是一个问题，因为几个相同的请求可能会流向后端和数据库。在不使用库的其他部分中，我可以在处理onClick之后“禁用”react states。 所以问题是-在处理onConfirm函数后禁用react-bootstrap-sweetalert库中的按钮。代码： handleSubmit
浏览 72提问于2020-01-23得票数 0
回答已采纳
1回答
我有一个react项目，它在文件中定义了一个Signup元素。代码是
import React, { Component } from 'react';
import Button from 'react-bootstrap/Button';
import Form from 'react-bootstrap/Form';
import { useNavigate } from 'react-router-dom';
import postData from './APIREQ';
class Signup ex
浏览 7提问于2022-04-19得票数 0
import React from 'react';
import { Tabs, Button } from 'antd';
import 'antd/dist/antd.css';
const { TabPane } = Tabs;
class App extends React.Component {
constructor(props) {
super(props);
this.newTabIndex = 0;
const panes = [
{ title: 'Tab 1'
浏览 0提问于2021-12-02得票数 0
1回答
我可以在Gnome Shell中使用Me菜单来控制我的IM状态。我拥有的状态选项是Available和Unavailable。我想控制自己的状态
📷
如果我打开同理心，我也会将Busy状态添加到列表中。
📷
这是我遗漏的bug或某种配置吗？我一直在使用来自这个储存库的Gnome 3.2。
浏览 0提问于2012-01-23得票数 3
目前，我正在开发一个React，Typescript项目，使用react semantic-ui实现进度条。所以我想出了一个打字错误。这是我的密码
import React, { Component,useState } from 'react'
import { Button, Progress } from 'semantic-ui-react'
export default function ProgressMobileStepper() {
//let percent :number
const [activeStep={percent:0}
浏览 2提问于2021-10-23得票数 2
回答已采纳
1回答
使用手推车应用程序--当数量被购买时，它应该会使按钮被禁用，但是如果我再次刷新它，有人知道如何将它保存到本地存储中吗？
import { Button } from 'react-bootstrap';
import { Card } from 'react-bootstrap';
import { Link } from 'react-router-dom';
import React, { useContext } from 'react';
import Rating from './Rating';
imp
浏览 2提问于2022-06-20得票数 -1
这就是我想要的:我单击div作为复选框，如果单击它，则应该启用NEXT-Button。但是，对于if (checkboxClass ===“复选框单击”)，只需单击一次即可进行更新。
我点击检查:没有事情发生，我取消检查:按钮已启用。
我怎样才能得到一个实例和更新？
import React, { useState } from "react";
import "../css/MainPages.css";
import "../css/Request.css";
function Test() {
const [checkboxClas
浏览 3提问于2022-08-23得票数 0
回答已采纳
我的React代码中有一个double for循环，我希望在按钮被单击时正确地禁用它。我尝试发送一个数组并单击按钮，但每次都出错。这看起来应该比我现在做的要容易。如何在单击正确的按钮时将其禁用？ state = {
updated: [],
key: 0
}; 这是我的CustomTable const CustomTable = ({ element, handleUpdate, updated, key}) => (
<Table>
<Table.Header>
<Tabl
浏览 38提问于2020-04-15得票数 0
我有一个对象构造函数，它有修改一个值的方法。我在react组件中创建了该对象的新实例，并在子组件中呈现该计数器。当我从子对象调用方法时，它会在对象中更新，但新更新的值不会重新呈现。我尝试了useEffect来监听属性的变化，但它在值更新时被调用。但是，当我更改子组件中的状态时，会显示更新的值。有什么问题吗？ function Core() {
this.counter = 0;
}
Core.prototype.handleCounter = function(options) {
this.counter = this.counter + 1;
console.log(thi
浏览 41提问于2020-06-28得票数 2
如何在单击时将CSS类添加到现有的REACT元素？
我创建了一个JSFiddle：
在小提琴中，只有当我拥有以下语句时，代码才能正常工作：this.setState({color:blue});
我想要像this.setState({className: 'green'});这样的东西，我做错了什么？
代码：
<html>
<script>
var Hello = React.createClass({
getInitialState: function(){
ret
浏览 3提问于2016-03-31得票数 5
我在react中创建了一个组件，并且我试图创建一个函数，每当我单击一个按钮时都会附加该组件--这是我想要做的事情的一个例子
对不起，如果这个问题看起来很蠢，我还是个学生
import { Component } from "react";
import {DragDropContext ,Droppable,Draggable} from "react-beautiful-dnd"
import Test from "./Test"; //this the component that i want to append
class Home ex
浏览 9提问于2022-03-28得票数 0
我是个新手，学习ReactJS，做一个小项目。
我有两个按钮打开/关闭，当我点击“灯是打开的”应该呈现在屏幕上，当我点击关闭“灯是关闭”应该在屏幕上呈现。
现在，当我单击off时，它呈现为off，但当我再次单击它时，它呈现为on，这是不正确的。当它关闭时，当我单击on按钮时，on不呈现，这也是不正确的。
我认为，当我单击“关闭”按钮时，它会将状态更改为false，然后返回为true，因为我使用的是'!‘setState中的运算符。
我相信这是一个简单的问题，但有麻烦。
有什么想法吗？
import React from "react";
import ReactDOM
浏览 0提问于2019-12-08得票数 0
回答已采纳
在我的React组件中，它呈现一个子组件。当ChildComponent的对象呈现时，响应实例化。
我的问题是，当我单击父组件中的一个按钮时，如何才能强制对恢复剂(一个对象)作出反应？我希望ChildComponent被‘重置’，也就是当它被称为构造函数的时候。
导出类ParentComponent扩展React.Component {
private handleButtonClick() {
// re-instantiate ChildComponent
}
public render() {
return (
<Button onClick={handleButto
浏览 3提问于2022-03-30得票数 0
回答已采纳
2回答
我搜索了几天，我找不出为什么redux没有更新状态，我在代码中没有看到任何问题，请帮助我找到问题。
这是一个简单的登录项目。我可以看到，在调试时，数据在还原程序中发生了变化，但是它没有被映射到道具，状态也没有变化。
这是我的密码：
actions.js
import {
LOGIN_SUCCESS,
LOGIN_FAILURE,
} from './types'
export const loginSuccess = (user) => ({
type: LOGIN_SUCCESS,
payload: user
})
export co
浏览 2提问于2019-09-20得票数 0
回答已采纳
2回答
如何在条件反应中改变状态？
、、、、
我需要在我的React中更改同级组件的状态。我使用state和setstate
我需要改变兄弟组件的状态。当加载页面时，必须存在(在页面中可见) <BkUser />，当单击“按钮id =”ds-visual“时，必须删除它(<BkUser />不能存在)，并且必须存在<BkDescanso />。
这是我的密码：
编辑：我编辑我的原始代码是因为我解决了这个问题。这是最后的OK代码。最后，最重要的是状态条件。
{
this.state.usuario ? (<BkUser handleClick = {this.handleClick} usuari
浏览 0提问于2019-04-12得票数 1
回答已采纳
1回答
我是超级新的反应，但非常熟悉javascript在一般情况下。刚开始的时候我很难做出反应，我想知道是否有人能向我解释一下我应该如何在下面的三个按钮上管理状态。
我的主要组成部分：
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
var classNames = require('classnames');
import classnames from 'classnames';
import Fans from './B
浏览 0提问于2016-03-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
