Proyectos de Subversion LeadersLinked - Antes de SPA

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

import InputMultiple from "./input-multiple/InputMultiple";

const Option = (props) => {

    // get props

    const { question } = props;

    // init States

    const [input, setInput] = useState(question.answer);

    /**

     * Update question answer

     * @param {*} value

     */

    const handleAnswer = (value) => {

        setInput(value);

        question.answer = value;

    }

    /**

     * componentDidMount

     */

    useEffect(() => {

        setInput(question.answer);

    }, [question]);

    return (

        <div>

            {question.options.map((opt, key) => {

                return (

                    <div className="checkbox"

                        key={key}>

                        {question.type == 'multiple' &&

                            <InputMultiple

                                option={opt}

                                question={question} />

                        }

                        {question.type != 'multiple' &&

                            <input

                                type="radio"

                                name={`${opt.slug_question}`}

                                value={opt.slug_option}

                                checked={input == opt.slug_option}

                                onChange={() => handleAnswer(opt.slug_option)}

                            />

                        }

                        <div

                            dangerouslySetInnerHTML={{ __html: opt.text }}

                            className="option"

                        />

                    </div>

                )

            })}

        </div>

    )

}

export default Option;