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;