import React, { useState } from "react"; import { DropdownType } from "../types"; type Props = { element: DropdownType; handleQuestion: (id: string) => void; currentId: string; }; export const DropdownForm = ({ element, handleQuestion, currentId }: Props) => { const [choices, setChoices] = useState([...element.content.choices]); function handleContent(event: React.ChangeEvent) { const { id, value } = event.target; choices[+id].text = value; element.content.choices = choices; handleQuestion(element._id); console.log(choices); } function deleteValue() { //제일 마지막 index 제거 choices.splice(-1, 1); element.content.choices = choices; handleQuestion(element._id); } function addValue() { choices.push({ text: "", value: choices.length }); element.content.choices = choices; handleQuestion(element._id); } return ( <>
{choices.map((choice: any, index: number) => (
))}
); };