Question

我有一个平面清单，内部有一个无线电表格。我有2个格式分别为'P'和'A'的图片这是

的图片

这里我需要发布选定的项目。我的问题是，如果我选择P，那么发布时所有行的值为P；如果我选择A，则所有行的值为A。我有一个逻辑，我必须使行ID明智的状态得到发布。到目前为止，我已经有了代码

      export default class attendancetest extends Component {
       constructor(props) {
            super(props);
             this.state = {
             data: [],
             rollno:"",
             typeofattendance:1,

             animating: true
           };
        }
           componentWillMount() {
           this.fetchData();
           }
        fetchData = async () => {
        const response = await 
        fetch("http://192.168.1.208:8082/students/all");
            const json = await response.json();
            this.setState({ data: json });
               };
              closeActivityIndicator = () =>
             setTimeout(
         () =>
    this.setState({
      animating: false
    }),
  4000
);

           componentDidMount = () => this.closeActivityIndicator();
            render() {
           const animating = this.state.animating;
           return (
           <View
          style={--Style Code 
           }
          >
    <Logo />

    <Text style={styles.titleText1}>
      Test                           Section A Class 11th
    </Text>
    <ActivityIndicator
        --Some Code 
    />

    <View style={styles.container}>
      <Text style={styles.titleText}>Roll & Name                          Present Or Absent</Text>
    </View>
    <FlatList

      data={this.state.data}
     // rollno={this.state.data.rollno}
      showsVerticalScrollIndicator={false}
      renderItem={({ item,index }) =>  (
        <View
          style=--Style Code 
        >
          <Text
            style=--style code
          >
            {item.rollno}
            --
            {item.name}
          </Text>

          <RadioForm
            animation={true}
            buttonColor={"#C2E3A9"}
            index={1}
            formHorizontal={true}
            labelHorizontal={true}
            buttonStyle={{ marginRight: 20 }}
            radioStyle={{ paddingRight: 20 }}
            //  labelHorizontal={false}
            style={{
              flex: 1,
              paddingRight: 20,
              flexDirection: "row",
              width: 30
            }}
            radio_props={radio_props}
            initial={this.state.typeofattendance}

           // initial={value => {
             // this.setState({ value: value });}}
            isSelected = {true}
           // radio_props

            onPress={value => { index=
              this.setState({ typeofattendance: value });
            }}
            ItemSeparatorComponent={this.renderSeparator}
          />


        </View>

      )}
      // keyExtractor={(x, i) => i}

      keyExtractor={(item, index) => index.toString()}

    />
     <Button title="Submit" onPress={() => this.insert()} />
  </View>
);
                }


          insert = () => {
           var numstudent = this.state.data.length;
           var datatest=[]
           var data1;
           for(var i=0;i<numstudent;i++){
            data1={"rollno": this.state.data[i].rollno, "typeofattendence": 
            this.state.typeofattendance};
           datatest.push(data1);
             }
             console.log(datatest);
            }
            }

在此部分，我可以将P转到A，但不能在特定行显示

              </View>
            onPress={value => {
              this.setState({ typeofattendance: value });
              }}

如何使行状态进入flatlist。在这些部分中，我单击了按钮

中的单选按钮检查项。

    var numstudent = this.state.data.length;
    var datatest=[]
    var data1;
    for(var i=0;i<numstudent;i++){
       data1={"rollno": this.state.data[i].rollno, "typeofattendence": this.state.typeofattendance};
       datatest.push(data1);
      }
   //   console.log(datatest);

在React Native中获取平面列表内的按行状态

0 个答案: