我想使用循环使单选按钮与列表中的一样多

Question

我希望按钮的设置与房间数一样多 所以我用地图制作单选按钮集 如果可行，应该有4套按钮。

但不起作用 请帮助

import React, { Component } from "react";
import { Text, View } from "react-native";
import RadioForm, {
  RadioButton,
  RadioButtonInput,
  RadioButtonLabel
} from "react-native-simple-radio-button";

const temp_data = {
  room1: 0.1,
  room2: 0.2,
  room3: 0.3,
  room4: 0.4
};

var radio_props = [{ label: "10%", value: 0 }, { label: "30%", value: 1 }];

export default class TaskSetting extends Component {
  render() {
    var tem1 = Object.keys(temp_data).map(num => {
      return;
      <RadioForm
        radio_props={radio_props}
        initial={0}
        onPress={value => {
          this.setState({ value: value });
        }}
      />;
    });
    return <View>{tem1}</View>;
  }
}

Answer 1

如果使用=> {}，则需要在return <YourComponent />内添加{}，

或者您可以选择不使用{}并直接使用=> <YourComponent />

export default class TaskSetting extends Component {
  render() {
    return (
      <View>
        {Object.keys(temp_data).map(num =>
          <RadioForm
            radio_props={radio_props}
            initial={0}
            onPress={value => {
              this.setState({ value: value });
            }}
          />
        )}
      </View>
    )
  }
}

在线检查：