想在每次复选框单击时选中一个复选框，平面列表任何人都可以帮助我吗？

Question

我有一个 Items 列表和Check Box 。 我面临一个问题，当我单击一个复选框时，所有复选框都被选中。 我只想选中那些我会 select 的框。

const Items = ({item, index}) => {
    return (
<View style={styles.status}>
          <CheckBox onAnimationType='fill' offAnimationType='fade' boxType='square' disabled={false} 
          onValueChange={()=>{onChangeValue(item, index)}} />
        </View>
);}

return (
<FlatList
        keyExtractor={(item, index) => item + index}
        data={students}
        renderItem={Items}
)

Answer 1

您可以为活动复选框添加标志

const sampleData = [{
 text:"data 1",
 active:false
},
{
 text:"data 2",
 active:false
}]

//...

const [checkbox,setCheckbox] = useState(sampleData);

const changeCheckboxFlag = (index)=>{
  setCheckbox((prev)=>{
   const newCheckboxData = prev;
   newCheckboxData[index].active = !newCheckboxData[index].active;
   return newCheckboxData;
  })
}

//...

onValueChange={()=> changeCheckboxFlag(index)