javascript - JSX + React 中的动态 tabIndex 属性

我如何以相同的方式有条件地在 React 组件上设置 tabIndex 属性，比如设置了 disabled 属性？

我需要能够一起设置值和/或删除属性。

首先尝试将整个属性键和值设为一个变量:

<div { tabIndex } ></div>

但是编译器会报错。

第二个想法是:

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

但是，这是不可取的，因为我的实际组件上有大量属性，我最终会得到大量重复代码。

我唯一的其他想法是使用 ref，然后使用 jQuery 设置 tabindex 属性，但我宁愿不必那样做。

有什么想法吗？

最佳答案

您可以使用 attribute spread operator 来做到这一点:

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

关于javascript - JSX + React 中的动态 tabIndex 属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36523225/