You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Mobile/components/quiz/GenderQuestion.tsx

49 lines
1.1 KiB

import React, { useImperativeHandle } from "react";
import Question, { QuestionChildProps } from "./Question";
import Checkbox from "../CheckboxComponent";
import { View } from "react-native";
export interface GenderQuestionRef {
getAnswer: () => boolean;
}
export default React.forwardRef<GenderQuestionRef, QuestionChildProps>(
({ ...props }, ref): React.ReactElement => {
const [answer, setAnswer] = React.useState(true);
useImperativeHandle(ref, () => ({
getAnswer: () => answer,
}));
const handleChangeOne = () => {
setAnswer(true);
};
const handleChangeTwo = () => {
setAnswer(false);
};
return (
<Question
question="Quel est votre genre physiologique ?"
{...ref}
{...props}
>
<View>
<Checkbox
label="Homme"
value={answer}
onChange={handleChangeOne}
antIcon={"man"}
/>
<Checkbox
label="Femme"
value={!answer}
onChange={handleChangeTwo}
antIcon={"woman"}
/>
</View>
</Question>
);
}
);