Saltar al contenido

Atributo tabIndex dinámico en JSX + React

Solución:

Puede hacerlo utilizando el operador de distribución de atributos:

let props = condition ? {tabIndex: 1} : {};
let div = <div {...props} />

Creo que hay una forma más sencilla (que la sugerencia de Aaron).

React elimina un atributo de un elemento JSX si el valor de ese atributo es nulo o indefinido. Necesitaría que esto sea confirmado por alguien que lo sepa con certeza.

Por lo tanto, puede usar algo como esto:

let t1 = condition ? 1 : null;
let div = <div tabIndex={t1}>...</div>;

los tabIndex El atributo se eliminará si t1 es nulo.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *