动态形式的多个单选按钮的 OnValueChange 行为 React Native

问题描述

我正在 React Native 中实现一个带有动态数据的表单。所有表单值和表单设计都来自后端。下面是我得到的 API 响应示例（这部分用于单选按钮）。

[
   {
      "input_type":"radio_button","title":"Are you using our streaming service?","attrObj":[
         {
            "answer":"Yes","key":1,"default":true,"attrType":"STREAMING_Q_Y"
         },{
            "answer":"No","key":2,"default":false,"attrType":"STREAMING_Q_N"
         }
      ]
   },{
      "input_type":"radio_button","title":"Do you have a monthly subscription?","key":3,"attrType":"SUBSCRIPTION_Q_Y"
         },"key":4,"attrType":"SUBSCRIPTION_Q_N"
         }
      ]
   }
]

我在 JSX 中实现了单选按钮的动态视图，如下所示。为此，我正在使用 react-native 纸。

 if (item.input_type == 'radio_button') {
              
                return <View>
                   <RadioButton.Group
                    
                        onValueChange={value => this.radioBtnChange(value)}
                        value={this.state.value}
                    >
                        <View style={{ flexDirection: 'row' }}>
                            {item.attrObj && item.attrObj.map(data => {
                                return (
                                    <View style={{ flexDirection: 'row' }}><RadioButton value={data.key}></RadioButton><View><Text>{data.answer}</Text></View></View>
                                );
                            })}</View>
                    </RadioButton.Group>
                </View>
            }

例如：如果用户从第一个单选按钮单击是或否，则应显示该答案，以及如果用户从下一个也应显示的单选按钮单击是或否。

我应该如何为 radioBtnChange 功能执行此操作。我尝试了一种方法，然后它对所有单选按钮显示了相同的答案。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）