JSX + React içinde dinamik tabIndex özniteliği

Question

Bir reşit bileşeninde tabIndex özniteliğini koşullu olarak aynı şekilde nasıl ayarlayabilirim, 'disabled' özniteliği ayarlandı mı?

Değeri ayarlayabilmem ve/veya özniteliği birlikte kaldırabilmem gerekir.

İlk deneyin tüm nitelik anahtarını yapmak ve bir değişken değer oldu:

<div { tabIndex } ></div> 

ama derleyici yakınır. Benim asıl bileşenleri üzerlerinde özelliklerin ton var ve yinelenen kod büyük miktarda sahip bitirmek istiyorum çünkü

const div; 
if(condition){ 
    div = <div tabIndex="1"></div> 
}else{ 
    div = <div></div> 
} 

Ancak bu arzu değildir:

İkinci düşünce idi.

Diğer düşüncem de bir ref kullanmaktı, sonra da tabindex özniteliklerini ayarlamak için jQuery'yi kullanmaktı, ancak bunu bu şekilde yapmak zorunda kalmamayı tercih ettim.

Herhangi bir Fikir?

Answer 1

Sen attribute spread operator kullanarak bunu yapabilirsiniz:

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