您的错误为Type 'string | false' is not assignable to type 'string | number | (string & {}) | undefined'.
这是因为表达式：如果isCurrent，则{ ... borderBottom: isCurrent && '3px solid #00416d'给出string，否则给出false。
您应该使用类似isCurrent ? '3px solid #00416d' : 0的内容作为borderBottom prop，这将给出string或number，这两个都是CSSProperties可以接受的。
完整示例：

<span style={{
  backgroundColor: backgroundColor,
  color: color,
    marginRight: 3,
    borderRadius: 4,
    borderRight: 0,
    borderLeft: 0,
    borderTop: 0,
    borderBottom: isCurrent ? '3px solid #00416d' : 0
}}>{Symbol}</span>

问题在于类型检查，实际上您不能为borderBottom属性分配一个错误值，因为它需要一个字符串。
不过，您可以轻松地解决它：

<span style={{ 
  backgroundColor:backgroundColor, 
  color:color,
  marginRight:3,borderRadius:4,
  borderRight:0,
  borderLeft:0,
  borderTop:0,
  borderBottom: isCurrent ? '3px solid #00416d': 'initial'
}}>
  {Symbol}
</span>

使用三元运算符的问题是您需要定义一个回退值，下面是一个有条件地向JSON添加属性的简单技巧：

<span style={{ 
  backgroundColor:backgroundColor, 
  color:color,
  marginRight:3,borderRadius:4,
  borderRight:0,
  borderLeft:0,
  borderTop:0,
  ...(isCurrent && {borderBottom: '3px solid #00416d'})
}}>
  {Symbol}
</span>