Reactjs 单击特定单选按钮时禁用和启用选择按钮

Reactjs 单击特定单选按钮时禁用和启用选择按钮,reactjs,Reactjs,我有一个单选按钮组,有三个单选按钮和三个选择按钮。 最初,必须禁用所有选择按钮,单击第一个单选按钮后,必须启用第一个选择按钮,禁用另外两个选择按钮,第二个和第三个选择按钮也是如此。我如何实现上述功能 Reactjs和Atlaskit包 onRadioChange=(事件)=>{ log(“radiobutton值triggerd”,event.target.value) if(event.target.value==“user”){ console.log(“单击”) 这个.setState({

我有一个单选按钮组,有三个单选按钮和三个选择按钮。 最初,必须禁用所有选择按钮,单击第一个单选按钮后,必须启用第一个选择按钮,禁用另外两个选择按钮,第二个和第三个选择按钮也是如此。我如何实现上述功能

Reactjs和Atlaskit包

onRadioChange=(事件)=>{ log(“radiobutton值triggerd”,event.target.value)

if(event.target.value==“user”){
console.log(“单击”)
这个.setState({
禁用的\u用户:!this.state.disabled\u用户,
禁用的\u计划:此.state.disabled\u计划,
disabled_团队:this.state.disabled_团队
})
}
else if(event.target.value==“计划”){
本条例草案(“附表”)({
禁用的\u用户:this.state.disabled\u用户,
已禁用的\u计划:!this.state.disabled\u计划,
disabled_团队:this.state.disabled_团队
})
}
否则{
这个.setState({
禁用的\u用户:this.state.disabled\u用户,
禁用的\u计划:此.state.disabled\u计划,
已禁用的团队:!this.state.disabled\u团队
})
}
}

您的代码错误。不要切换布尔值,显式设置它们。第二个if中也有一个错误。这样做:

if(event.target.value ==="user"){    
  console.log("click")
  this.setState({ 

    disabled_user : false,
    disabled_schedule: true,
    disabled_team: true

  })

}
else if(event.target.value === "schedule"){
  console.log("schedule")
  this.setState({            
    disabled_user : true,
    disabled_schedule: false,
    disabled_team: true          
  })

}
else{   
    console.log("team")
    this.setState({ 
      disabled_user : true,
      disabled_schedule: true,
      disabled_team: false      
      })

}

请提供一些代码,这样我们可以看到您尝试了什么并更正您。您尝试了什么代码?请添加带有问题的代码。Ido,Sain Pradeep感谢您的回复,请查看上述代码。我是react的初学者,谢谢你的回答。如果我选择第一个单选按钮“特定选择”处于启用状态,并且我正在获取数据,而选择第二个单选按钮“我想要第一个选择”字段必须为空,此处显示的是所选值。请帮我找出这个问题。你忘了在某处添加一个条件来检查是否应该显示数据。您的原始代码仍然不完整,请发布其余部分,这样我可以帮助您更改RadioChange=(event)=>{if(event.target.value==“user”){this.setState({disabled\u user:false,disabled\u schedule:true,disabled\u team:true}否则if(event.target.value==“schedule”){this.setState({disabled_user:true,disabled_schedule:false,disabled_team:true})else{this.setState({disabled_user:true,disabled_schedule:true,disabled_team:false}}Nikola Diklic请给我解决方案
if(event.target.value ==="user"){    
  console.log("click")
  this.setState({ 

    disabled_user : false,
    disabled_schedule: true,
    disabled_team: true

  })

}
else if(event.target.value === "schedule"){
  console.log("schedule")
  this.setState({            
    disabled_user : true,
    disabled_schedule: false,
    disabled_team: true          
  })

}
else{   
    console.log("team")
    this.setState({ 
      disabled_user : true,
      disabled_schedule: true,
      disabled_team: false      
      })

}