Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 344 | Rev 431 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
306 geraldo 1
import React from "react";
2
 
3
const Option = (props) => {
315 geraldo 4
 
306 geraldo 5
    // get props
340 geraldo 6
    const { question, handleAnswer } = props;
306 geraldo 7
 
8
    return (
9
        <div>
319 geraldo 10
            {question.options.map((opt, key) => {
11
                return (
320 geraldo 12
                    <div className="checkbox"
13
                        key={key}>
321 geraldo 14
 
15
                        {question.type == 'multiple' &&
16
 
17
                            <input
18
                                type="checkbox"
19
                                name={`${opt.slug_option}[]`}
344 geraldo 20
                                value={opt.slug_option}
345 geraldo 21
                                onChange={() => handleAnswer(question.slug_section, question.slug_question, opt.slug_option)}
344 geraldo 22
                            />
321 geraldo 23
                        }
24
                        {question.type != 'multiple' &&
25
                            <input
26
                                type="radio"
328 geraldo 27
                                name={`${opt.slug_question}`}
342 geraldo 28
                                value={opt.slug_option}
345 geraldo 29
                                onChange={() => handleAnswer(question.slug_section, question.slug_question, opt.slug_option)}
342 geraldo 30
                            />
321 geraldo 31
                        }
319 geraldo 32
                        <div
33
                            dangerouslySetInnerHTML={{ __html: opt.text }}
34
                            className="option"
35
                        />
36
                    </div>
37
                )
38
            })}
306 geraldo 39
        </div>
40
 
41
    )
42
}
43
 
44
export default Option;