Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useState, useEffect } from "react";

const InputMultiple = (props) => {

    // get props
    const { option, question } = props;

    // init States 
    const [checked, setChecked] = useState(question.checked);

    /**
     * Update question answer
     * @param {*} option
     */
    const handleAnswer = (option) => {
        console.log(option);
        question.answer.includes(option.slug_option) ?
            question.answer = removeOption(question.answer, option.slug_option) :
            question.answer.push(option.slug_option);
        option.checked = true;
        console.log(option);
        setChecked(option.checked);
    }

    /**
     * Delete existing option
     * @param {*} arr 
     * @param {*} item 
     * @returns 
     */
    const removeOption = (arr, item) => arr.splice(arr.indexOf(item), 1);

    /**
     * componentDidMount
     */
    useEffect(() => {
        setChecked(question.checked);
    }, [option]);


    return (
        <div>

            <input
                type="checkbox"
                name={`${option.slug_option}[]`}
                value={option.slug_option}
                checked={checked}
                onChange={() => handleAnswer(option)}
            />

        </div>

    )
}

export default InputMultiple;