Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 443 | Rev 447 | 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}
443 geraldo 29 
                                checked={ question.answer == opt.slug_option}
345 geraldo 30 
                                onChange={() => handleAnswer(question.slug_section, question.slug_question, opt.slug_option)}
342 geraldo 31 
                            />
321 geraldo 32 
                        }
319 geraldo 33 
                        <div
34 
                            dangerouslySetInnerHTML={{ __html: opt.text }}
35 
                            className="option"
36 
                        />
37 
                    </div>
38 
                )
39 
            })}
306 geraldo 40 
        </div>
41 
 
42 
    )
43 
}
44 
 
45 
export default Option;