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} />
                        }
                        {question.type != 'multiple' &&

                            <input
                                type="radio"

                                onChange={e => handleAnswer(
                                    question.slug_section,
                                    question.slug_question,
                                    e.target.value)}

                                name={`${opt.slug_question}`}
                                value={opt.slug_option} />
                        }
                        <div
                            dangerouslySetInnerHTML={{ __html: opt.text }}
                            className="option"
                        />
                    </div>
                )
            })}
        </div>

    )
}

export default Option;