Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 333 | Rev 342 | 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}[]`}
20 
                                value={opt.slug_option} />
21 
                        }
22 
                        {question.type != 'multiple' &&
23 
 
24 
                            <input
25 
                                type="radio"
340 geraldo 26 
 
27 
                                onChange={e => handleAnswer(
28 
                                    question.slug_section,
29 
                                    question.slug_question,
30 
                                    e.target.value)}
31 
 
328 geraldo 32 
                                name={`${opt.slug_question}`}
321 geraldo 33 
                                value={opt.slug_option} />
34 
                        }
319 geraldo 35 
                        <div
36 
                            dangerouslySetInnerHTML={{ __html: opt.text }}
37 
                            className="option"
38 
                        />
39 
                    </div>
40 
                )
41 
            })}
306 geraldo 42 
        </div>
43 
 
44 
    )
45 
}
46 
 
47 
export default Option;