JSX 条件样式

Question

如果isLTR，我必须设置一个组件，如果isRTL，我必须设置一个组件。 这个组件是position: 'absolute', 所以我必须设置right:0 或left:0 这就是我所做的

 isAR === 'rtl'? right: 0,: left: 0,

不行，我只能这样：

right:isAR === 'rtl'? 0: 50,

如果我想使用这个逻辑，我该怎么办：isAR === 'rtl'? right: 0,: left: 0,

Answer 1

如果您需要有条件地应用内联样式：

style={ isAR === 'rtl' ? { right: 0 } : { left: 0 } }

您可以使用classModifier 添加条件样式。