有人能解释一下在javascript中一次包含两个类的方法吗


label ? (<label className={`${otherProps.value.length ? 'shrink' : ''} form-input-label`}>
{label}
</label>) : null

我不知道该类是如何应用的

className将是

  • 'shrink form-input-label'如果otherProps.value.length值为真值(可能otherProps.value不是空字符串或数组(
  • 如果otherProps.value.length为假值(otherProps.value为空字符串或数组(,则为' form-input-label'
>  label && (<label className={`${otherprops.value.length} ? 'shrink' :
> 'form-input-label'`}>{label}</label>)

根据您提出的问题,如果标签的值为真然后,它在内部检查类名的值如果为true,则为"shrink",否则类名将为'在错误的情况下形成输入标签。如果标签是假的,那么将返回null。你可以像上面一样更新你的代码,我已经为了方便起见,它只直接检查真实情况!!希望这将表明!

最新更新