Reactjs 有人能解释一下这种在javascript中一次包含两个类的方式吗 标签?( {label} ):null

Reactjs 有人能解释一下这种在javascript中一次包含两个类的方式吗 标签?( {label} ):null,reactjs,Reactjs,我不知道类是如何应用的>label&('forminput label'`}>{label}) label ? (<label className={`${otherProps.value.length ? 'shrink' : ''} form-input-label`}> {label} </label>) : null 根据您提出的问题,如果标签的值为真 然后,它在内部检查类名的值,并将 如果为true,则为“shrink”,否则将显示类名 '表单输入标签,如果

我不知道类是如何应用的

>label&('forminput label'`}>{label})
label ? (<label className={`${otherProps.value.length ? 'shrink' : ''} form-input-label`}>
{label}
</label>) : null
根据您提出的问题,如果标签的值为真 然后,它在内部检查类名的值,并将 如果为true,则为“shrink”,否则将显示类名 '表单输入标签,如果为false。如果标签是假的,那么 将返回null。你可以像上面那样更新你的代码,我有 为了简单起见,它只直接检查真实情况!!希望 这会让你明白的


className

  • “收缩表单输入标签”
    如果
    otherProps.value.length
    值为真值(可能
    otherProps.value
    不是空字符串或数组)
  • “表单输入标签”
    如果
    otherProps.value.length
    为假值(
    otherProps.value
    为空字符串或数组)

它只是一个模板文本字符串(),其中有一个三元运算符,用于确定是否添加“收缩”类()答案意味着更深入地解释这些代码行的功能。请在不久的将来尽量避免在没有任何解释的情况下简单地发布代码。
>  label && (<label className={`${otherprops.value.length} ? 'shrink' :
> 'form-input-label'`}>{label}</label>)