Proyectos de Subversion LeadersLinked - Antes de SPA

import React from "react";

const Option = (props) => {

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

    return (
        <div>
            {question.options.map((opt, key) => {
                return (
                    <div className="checkbox"
                        key={key}>

                        {question.type == 'multiple' &&

                            <input
                                type="checkbox"
                                name={`${opt.slug_option}[]`}
                                value={opt.slug_option}
                                checked={question.answer.includes(opt.slug_option)}
                                onChange={() => handleAnswer(question.slug_section, question.slug_question, opt.slug_option)}
                            />
                        }
                        {question.type != 'multiple' &&
                            <input
                                type="radio"
                                name={`${opt.slug_question}`}
                                value={opt.slug_option}
                                checked={question.answer == opt.slug_option}
                                onChange={() => handleAnswer(question.slug_section, question.slug_question, opt.slug_option)}
                            />
                        }
                        <div
                            dangerouslySetInnerHTML={{ __html: opt.text }}
                            className="option"
                        />
                    </div>
                )
            })}
        </div>

    )
}

export default Option;