Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 340 | Rev 344 | 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 
                            <input
24 
                                type="radio"
328 geraldo 25 
                                name={`${opt.slug_question}`}
342 geraldo 26 
                                value={opt.slug_option}
27 
                                onChange={() => handleAnswer(question.slug_section, question.slug_question, opt.slug_option)}
28 
                            />
321 geraldo 29 
                        }
319 geraldo 30 
                        <div
31 
                            dangerouslySetInnerHTML={{ __html: opt.text }}
32 
                            className="option"
33 
                        />
34 
                    </div>
35 
                )
36 
            })}
306 geraldo 37 
        </div>
38 
 
39 
    )
40 
}
41 
 
42 
export default Option;