Quiero hacer que la opción de filtro de solicitud para ubicación o/y sensorType devuelva una cadena vacía si alguno de ellos es nulo.
Estoy usando un menú desplegable de selección para cambiar los valores de filter.location y filter.sensorType
Rendimiento esperado:
request = ...farms?sensortype=abc&page=3request = ...farms?location=abc&page=3requests = ...farms?page=3Mi resultado actual:
...farms?location=abc&undefined&page=3
const [filter, setFilter] = useState({ sensorType: null, location: null, }); // API REQUEST const { data } = await axios.get( `http://localhost:8080/api/farms?${ filter.location && `location=${filter.location}` }${filter.sensorType && `&sensorType=${filter.sensorType}`}&page=${page}` );Solo usa el operador condicional ternario:
condition ? resultIfTruthy : resultIfFalsy const [filter, setFilter] = useState({ sensorType: null, location: null, }); // API REQUEST const { data } = await axios.get( `http://localhost:8080/api/farms?${ filter.location ? `location=${filter.location}` : '' }${filter.sensorType ? `&sensorType=${filter.sensorType : ''}`}&page=${page}` );