Comment pouvez-vous créer toutes les cases à cocher si Cochez la case Selectallall est true et si l'une des autres cases à cocher est taraudée, comment désélectionner la case à cocher Selectally?
Veuillez consulter le code ici . P>
Merci d'avance. P>
export default class CheckBoxComponent extends React.Component{
state = {
checkValue: false
}
valueChange = (check) => {
this.setState({ checkValue: !this.state.checkValue})
this.props.onUpdate();
}
render() {
const { checkAll } = this.props;
return (
<View style={{ flexDirection: 'row'}}>
<CheckBox
onValueChange={(check) => this.valueChange(check)}
value={this.state.checkValue}
/>
<Text> {this.props.index}</Text>
</View>
);
}
}
3 Réponses :
Je vous suggérerais de passer Supposons que la valeur est la suivante: et il suffit d'ajouter p> PassEdCheckValue code> à partir de app.js code> Fichier, votre Cochez la caseCommonent CODE> Rendez simplement le PassEdCheckValue Code > Qu'est-ce que nous allons passer à ce sujet. ceci.props.Props.Props.props.Props> p> componentDidMount(){
this.setState({ checkValue: this.props.passedCheckValue})
}
Après cela si l'autre case à cocher est sélectionnée, elle fonctionne mal.
Vous devez créer un ensemble de données, comme le jeu de données de liste d'utilisateurs pour gérer tout cela.
Je l'ai résolu en vérifiant si l'identifiant de la case à cocher est inclus dans le tableau Sélectionné ou non?
class CheckBoxComponent extends React.Component{
valueChange = (check) => {
this.props.onUpdate();
}
render() {
const { checkAll, selectedBoxes, id } = this.props;
return (
<View style={{ flexDirection: 'row'}}>
<CheckBox
onValueChange={(check) => this.valueChange(check)}
value={selectedBoxes.includes(id)}
/>
<Text> {this.props.index}</Text>
</View>
);
}
}
Vérifiez cet exemple complet que j'ai modifié en fonction de vos exigences
Cochez la case espère que cela vous aide. N'hésitez pas aux doutes.