如何使用React Typescript管理单选按钮状态？

文章/答案/技术大牛

发布

1回答

reactjs、typescript、react-hooks、radio-button

我正在用React Typescript实现一个简单的注册页面。我尝试使用单选按钮设置性别，将其保存在状态中，然后将其发送到服务器，但切换不起作用。我该怎么办？

浏览 25提问于2021-08-25得票数 0

回答已采纳

1回答

如何检查一个项目和禁用另一个复选框的反应？

reactjs

我有一个API的项目列表。我也有两个复选框来批准或拒绝一个项目。我希望能够选中“批准”框，并禁用项目的“拒绝”框。 const [buttonStatus2, setButtonStatus2] = useState(false) const deactivateButton2 = () => setButtonStatus1(!buttonStatus1) cons

浏览 5提问于2022-11-20得票数 0

回答已采纳

1回答

带有无状态小部件的单选按钮或在颤振中使用BLoC模式

flutter、radio-button、bloc、statelesswidget

我需要创建一组单选按钮，而不需要使用有状态小部件。我想要一个颤振的BLoC模式来创建一组单选按钮。如何创建它？我只试过使用常规的Radio，使用onChange状态管理。

浏览 4提问于2022-11-18得票数 0

回答已采纳

1回答

为什么我的收音机按钮不能点击？

javascript、reactjs、ecmascript-6、radio-button、semantic-ui-react

我的单选按钮不能点击。这是我的组成部分：import { Form, Radio } from 'semantic-ui-react'; import PropTypes

浏览 1提问于2017-05-30得票数 0

3回答

如何在reactjs中处理一个组件中的多个单选按钮组？

javascript、html、reactjs、ecmascript-6

我试图从多个单选按钮组中发送选定的单选按钮ids列表，单击“发送”按钮，我的问题：我正在从后端获得所选的单选按钮，然后我应该能够更改单选按钮并发送回后端。但是，当我试图改变单选按钮，它是不工作的。我不明白的是：如何处理on change函数，通常情况下，在更改时我们可以更改状态，但是要更改加载状态，则应该获取值单选按钮

浏览 3提问于2017-12-28得票数 9

1回答

为什么单选按钮切换没有反映在redux状态变量中？

javascript、html、reactjs、redux、react-redux

我正在开发一个react.js应用程序，其中我正在使用redux状态管理。我已经创建了两个单选按钮，我正在它们之间切换，并相应地设置状态变量。这是我的活动按钮： <form > <input type="radio" id="html" name="status" value="HTML" onClick={this.setClient

浏览 21提问于2021-07-11得票数 0

回答已采纳

1回答

如何在ReactJS中获取一组单选按钮的值

forms、reactjs

我有一个由4个单选按钮组成的组，我需要得到所选按钮的值。我应该确保用户已经选择了一个单选按钮。我就是这么做的： mixins: [React.addons.LinkedStateMixin],</form> );}); console.log(this.sta

浏览 2提问于2016-06-10得票数 0

回答已采纳

2回答

如何在Reac本机中一次只从单选按钮中选择一个选项

javascript、reactjs、react-native、react-hooks

我在使用galio的无线电组件。我试着一次只选择一个值。如何一次只能选择一个单选按钮？有什么想法吗？

浏览 11提问于2021-12-30得票数 0

1回答

Office-ui-fabric-react选项组在与文本字段相同的组件中时行为不正确

office-ui-fabric

我正在为Outlook开发一个外接程序，使用office-ui-fabric-react，使用Typescript。我有一个对话框，它有一个选项组、一个文本字段、一个默认按钮和一个主按钮，如下所示： export interface ChoiceGroupDemoProps { </div>

浏览 32提问于2019-03-07得票数 1

2回答

Android自定义微调器:选中选择单选按钮

android、radio-button、spinner、adapter

但是，我基本上想用单选按钮重新创建机器人微调器模型，当微调器项目被选中时，单选按钮就会被选中。一切都很正常，除了我不知道如何在选中列表项时选中单选按钮。

浏览 2提问于2011-07-27得票数 0

回答已采纳

2回答

当我选中一个单选按钮时，在React中取消选中相同表单中的另一个单选按钮？

html、css、forms、radio-button、radio-group

在下面的表单中，当我单击第一个单选按钮，然后单击第二个单选按钮时，这两个按钮都保持选中状态。我想要的行为是，当我点击单选按钮时，另一个单选按钮会自动取消选中。我正在使用带有样式的组件的React.js。 <form><input type="radio"

浏览 41提问于2021-07-02得票数 1

回答已采纳

2回答

如何设置各个状态以在ReactJs中呈现映射函数中的组件

javascript、reactjs

我有一个react组件，它有3个带有单选按钮的单选buttons.Along，当单选按钮中的特定编辑按钮是clicked.But时，我有一个编辑按钮打开一个单独的组件，最后一个单选按钮将不会在单选按钮中有编辑按钮因此，要在单击编辑按钮时呈现编辑组件，我在组件中添加了状态值如下： isDr

浏览 0提问于2018-10-08得票数 1

回答已采纳

1回答

在使用“响应窗口”时，单选按钮无法忘记其状态。

javascript、reactjs、react-table、react-window

到目前为止，我已经跟踪了几个使用react table和react窗口的，但是我需要该表具有选择框来选择单独的或分组的行，以及一个类似单选的按钮来切换一行的信息，我设法实现了这一点，但是当我向上或向下滚动所选的单选按钮时，它的选定状态就会松开，如下所示正如您所看到的，当我选择一行时，它的ID显示在表下面，但是当我滚动并将该行从视图移开时，单选按钮就会松开它的选中状态。

浏览 2提问于2021-08-05得票数 0

回答已采纳

2回答

this.setState和this.state.child的使用

javascript、reactjs、ecmascript-6

App.js import DefaultChild from '.

浏览 2提问于2018-06-21得票数 0

回答已采纳

1回答

选中的单选按钮将在选择其他按钮时再次触发。

javascript、bootstrap-4

在React项目中，我有一些单选按钮，其中一个是默认选中的。当选择其他按钮时，它再次被触发。有什么办法可以避免吗？我的目的是使所有的单选按钮正常工作。有什么解决办法吗？请参阅Codesandbox ->

浏览 5提问于2022-07-14得票数 0

2回答

Angular 7:单选按钮窗体控件的补丁值不更新UI

css、angular、radio-button

我使用的是Angular 7中的一个超文本标记语言模板，它由许多单选按钮组成，每个单选按钮都有一个关联的标签-这与一个FormGroup对象关联。单击标签应该会将单选按钮的状态更改为选中状态，并更新相关FormControl的值。这是可行的，我遇到的问题是设置一个特定的单选按钮在UI加载时被选中，或者使用patchValue -当模板被加载时formGroup的状态</em

浏览 31提问于2019-01-16得票数 0

回答已采纳

1回答

持久复选框位置

reactjs

我想在刷新页面时保持复选框的位置，如下图所示。 <div className='checkboxTransaction ml-2'> id='radio1' type='radio' value='waiting' <label htmlFor='

浏览 11提问于2020-02-20得票数 0

2回答

RadioButton外观

c#、windows-phone-7、xaml、checkbox

有没有办法做到这一点，或者我必须使用某种东西来模仿它？

浏览 1提问于2012-03-06得票数 1

3回答

React表-用于useRowSelect的无线电输入

javascript、reactjs、react-table

如何使用无线电输入而不是React中可选择的复选框？有一个例子用于复选框，但不是单选按钮：const IndeterminateCheckbox= React.forwardRef(({ indeterminate, ...rest }, ref) => { const defaultRef = Rea

浏览 18提问于2020-03-25得票数 4

回答已采纳

1回答

在react中管理循环单选按钮的状态

reactjs、array.prototype.map

但是，当您单击其中一个单选框时，它不会从yes/no切换，而是会被单击并保持单击状态。现在我知道如何使用onChange正常处理此问题，并将项的状态设置为true或false，但在本例中，项是通过循环映射生成的。当它们是循环项时，我如何更改它们的状态？

浏览 16提问于2019-07-30得票数 2

回答已采纳

点击加载更多