Tengo una lista de datos que se enumeran en el colapso, solo quiero mostrar en mi colapso lo que puse en mi campo de texto
const onChangeLocation = (locations) =>{ console.log(locations) } <TextField size="small" fullWidth onChange={onChangeLocation} variant="standard" placeholder="Search Locations" onFocus={openSearch} value={searchParameter} }} /> <Collapse in={viewLocationList} sx={{ my: '2px' }}> <Box className="rounded-scrollbar widget-result-container"> {locations.map((location, index) => ( <LocationWidgetItem key={index} location={location} onClickLocation={setActiveLocation} /> ))} </Box> </Collapse>¿Está utilizando el estado para almacenar la ubicación que obtiene del campo de texto? De lo contrario, use el estado para almacenar la entrada que obtiene del campo de texto en un estado como este:
const [location, setLocation] = useState('') const onChangeLocation = (event) => { setLocation(event.target.value) } <TextField size="small" fullWidth onChange={onChangeLocation} variant="standard" placeholder="Search Locations" onFocus={openSearch} value={location} }} /> <Collapse in={viewLocationList} sx={{ my: '2px' }}> <Box className="rounded-scrollbar widget-result-container"> {locations.map((location, index) => ( <LocationWidgetItem key={index} location={location} onClickLocation={setActiveLocation} /> ))} </Box> </Collapse> Si está utilizando el estado para almacenar la ubicación, también puede usar el código anterior. Su código no funcionaba porque no está enviando el parámetro desde su campo de texto y la función onChangeLocation está esperando un argumento que no está recibiendo, por lo que debería devolverlo sin definir.