added dropdownlist and inputmultipleradio by generatingform

src/components/typeAnswer/DropDownList.jsx

@@ -9,7 +9,9 @@ const DropDownList = (props) => {
                     <option value={item.id} key={i}>{item.text}</option>
                 )}
             </select> */}
-            <select>
+            <select 
+                value={props.answers ? props.answers[props.id].answer : ""} 
+                onChange={props.updateAnswersForm ? (e) => props.updateAnswersForm(Number(e.target.value), props.id) : () => {}}>
                 {props.optionAnswer.map((item, i) => 
                     <option value={item.id} key={i}>{item.text}</option>
                 )}

src/components/typeAnswer/InputMultipleRadio.jsx

@@ -2,11 +2,38 @@ import React from "react";
 import classes from "../../assets/styles/components/typeAnswer/inputMultiple.module.scss"
 
 const InputMultipleRadio = (props) => {
+    function checkRadio(i) {
+        if (props.answers[props.id].answer) {
+            return props.answers[props.id].answer.some(item => item === Number(i))
+        }
+        return false
+    }
+
+    function updateStateCheckbox(i) {
+        if (props.updateAnswersForm) {
+            if (props.answers[props.id].answer.some((item) => item === Number(i))) {
+                props.answers[props.id].answer.splice(props.answers[props.id].answer.indexOf(i), 1)
+            }
+            else {
+                props.answers[props.id].answer.push(i)
+            }
+            props.updateAnswersForm(props.answers[props.id].answer, props.id)
+        }            
+    }
+
     return (
         <div className={classes.main}>
             {props.optionAnswer.map((item, i) => 
                 <div class="form-check" key={i}>
-                    <input class="form-check-input" type="checkbox" name={`inputMultiple_${props.postfix}`} id={`inputMultiple_${props.postfix}`}/>
+                    <input 
+                        class="form-check-input" 
+                        type="checkbox" 
+                        name={`inputMultiple_${props.postfix}`} 
+                        id={`inputMultiple_${props.postfix}`}
+                        value={i} 
+                        checked={props.answers ? checkRadio(i) : false}
+                        onChange={() => updateStateCheckbox(i)}
+                    />
                     <label class="form-check-label" for={`inputMultiple_${props.postfix}`}>{item.text}</label>
                 </div>
             )}

src/components/typeAnswer/InputRadio.jsx

@@ -13,7 +13,8 @@ const InputRadio = (props) => {
                         id={`choice_${item.id}`} 
                         value={i} 
                         checked={props.answers ? props.answers[props.id].answer === i : false}
-                        onChange={props.updateAnswersForm ? (e) => props.updateAnswersForm(Number(e.target.value), props.id) : () => {}}/>
+                        onChange={props.updateAnswersForm ? (e) => props.updateAnswersForm(Number(e.target.value), props.id) : () => {}}
+                    />
                     <label class="form-check-label" for={`inputRadio_${props.postfix}`}>{item.text}</label>
                 </div>
             )}

src/pages/Forms.jsx

@@ -56,7 +56,7 @@ const Forms = () => {
                         {forms.map((item, i) =>
                             <div className={classes.listForms__forms__item} key={i}>
                                 <div className={classes.listForms__forms__item__title} onClick={() => editForm(item)}>{item.title}</div>
-                                <div className={classes.listForms__forms__item__answers}>{item.answers}</div>
+                                <div className={classes.listForms__forms__item__answers}>{item.datetime}</div>
                                 <div className={classes.listForms__forms__item__update}>{item.update}</div>
                                 <i class="fa-solid fa-ellipsis-vertical" id="action" data-bs-toggle="dropdown"></i>
                                 <ul class="dropdown-menu" aria-labelledby="action">

src/pages/ViewForm.jsx

@@ -17,12 +17,11 @@ const ViewForm = () => {
 
     const [answers, setAnswers] = useState(
         newForm() ? newForm().listAnswer.map(item => (
-            {id: item.id, answer: ""}
+            {id: item.id, answer: []}
         )) : ""
     );
 
     function updateAnswersForm(value, id) {
-        console.log(value, id)
         setAnswers(
             answers.map((item, i) => {
                 if (id === i) {