小程序中的 <radio-group> <radio/> <radio-group/> radio组件怎么可以回显数据

在小程序中，`<radio-group>` 和 `<radio/>` 组件是用来提供单选功能的。要回显数据，即显示已选中的单选项，可以通过设置 `<radio/>` 组件的 `checked` 属性来实现。具体做法是，将 `checked` 属性绑定到一个数据对象的属性上，这个属性表示当前选中的值，并与单选项的 `value` 属性相对应。

以下是一个简单的例子：

<!-- 在wxml中 -->
<radio-group bindchange="radioChangeHandler" value="{{radioValue}}">
  <label wx:for="{{radioList}}" wx:key="*this">
    <radio value="{{item.value}}">{{item.name}}</radio>
  </label>
</radio-group>

// 在js中
Page({
  data: {
    radioValue: '', // 当前选中的单选项的值
    radioList: [
      { value: '1', name: '选项1' },
      { value: '2', name: '选项2' },
      { value: '3', name: '选项3' }
    ]
  },
  radioChangeHandler: function(e) {
    this.setData({
      radioValue: e.detail.value // 更新选中的值
    });
  }
});

在这个例子中，`radioList` 数组包含了所有单选项的数据，每个对象包含一个 `value` 和一个 `name`，分别代表单选项的值和显示文本。当用户点击单选项时，`radioGroup` 组件会触发 `bindchange` 事件，这个事件的处理函数 `radioChangeHandler` 会被调用，并更新数据中 `radioValue` 的值，实现回显功能。