javascript - Reactjs 多个条件类

Question

我是reactjs新手 - 希望添加一些条件类，这些类对循环中的第三个和第四个项目起作用

<div className={'medium-20 large-12 columns' + (index === 3 ? 'medium-push-10' : null)}>

if index 3 -- medium-push-10
if index 4 -- medium-pull-10

Answer 1

要获得快速解决方案，您可以在第一个条件运算符的第二个结果中添加另一个条件运算符。

<div className={'medium-20 large-12 columns' + (index === 3 ? ' medium-push-10' : index === 4 ? ' medium-pull-10' : '')}>

但是不要走得太远，否则你的代码很快就会变得不可读。