Tengo un formulario que tiene un campo de selección múltiple. Solo se obtiene un valor en el que se hace clic primero, pero no en los otros valores en los que se hace clic después de hacer clic en el primero. ¿Cómo obtener los valores? A continuación se muestra mi código.

asignación de estado, aquí turno y tablero son el estado para almacenar los valores del campo de selección múltiple

 const [formData, setFormData] = useState({ name: "", photo: "", adhar: "", phone: "", location: "", fullAddress: "", age: "", gender: 0, schooName: "", experience: "", teachForNoDays: "", shift: [], subject: "", teachClass: "", board: [], homeTuition: false, fees: "", homeTuitionFees: "", });

Función onChange

 const changeFormData = (e) => { // this is how we do when to specifically define a type in the target const { name, type } = e.target; console.log(e.target.value); setFormData({ ...formData, [name]: e.target[type === "checkbox" ? "checked" : "value"], }); };

los campos, solo poniendo el turno uno aquí

 <select name="shift" id="shift" defaultValue={shift} size={2} onChange={(e) => changeFormData(e)} multiple={true} > <option value="Evening">Evening</option> <option value="Morning">Morning</option> </select>