从输入组件材质UI（v1.0 Beta）中删除下划线

Question

使用React Material UI库（v1.0 beta）中的Input组件，我试图删除使用伪元素呈现的下划线。

const styleSheet = createStyleSheet('searchInput',() => ({ 
    underline: { 
     '&:before': { 
      height:0 
     } 
    } 
})); 

const SearchInput = ({ classes, placeholder, value, onChange }) => { 
    return (
     <Input 
      classes={classes} 
      placeholder={placeholder} 
      value={value} 
      onChange={onChange} /> 
    ); 
}; 

当我尝试目标&:before虽然，我得到下面的错误。覆盖样式并删除下划线的正确方法是什么？

警告：材料的UI：关键 .searchInput-underline-1572343541:before提供给类 属性对象未在输入实现。

您只能覆盖下列之一：，formControl，inkbar，错误输入，残疾人，突出重点，强调，多行inputDisabled，inputSingleline，inputMultiline，FULLWIDTH，标签 + .MuiInput-formControl-583691922 根， .MuiInput-inkbar-171024778：之后，.MuiInput-inkbar-171024778.MuiInput为重点-2315792072：之后，.MuiInput错误 - 3674946725：之后，.MuiInput输入-3582851417 :: - webkit的输入占位符，.MuiInput - 输入 - 3582851417 :: - MOZ占位符，.MuiInput输入-3582851417：-MS-输入占位符，.MuiInput输入-3582851417 :: - MS-输入占位符，.MuiInput输入-3582851417：重点,. MuiInput-input-3582851417 :: webkit-search-decoration，标签 + .MuiInput-formControl-583691922> .MuiInput-input-3582851417，label + .MuiInput-formControl-583691922> .MuiInput -inpu叔3582851417 :: - WebKit的输入占位符，标签+ .MuiInput-formControl-583691922> .MuiInput输入-3582851417 :: - MOZ-占位符，标签+ .MuiInput-formControl-583691922> .MuiInput-输入-3582851417：-MS-输入占位符，标签+ .MuiInput-formControl-583691922> .MuiInput输入-3582851417 :: - MS-输入占位符，标签+ .MuiInput-formControl-583691922> .MuiInput -input-3582851417：focus :: - webkit-input-placeholder，label + .MuiInput-formControl-583691922> .MuiInput-input-3582851417：focus :: - moz-placeholder，label + .MuiInput-formControl-583691922 > .MuiInput-input-3582851417：focus：-ms-input-placeholder，label + .MuiInput-formControl-583691922> .MuiInput-input-3582851417：focus :: - ms-input-placeholder，.MuiInput-underline-892978022：之前，.MuiInput-underline-892978022：hover：not（.MuiInput-disabled -265053423）：前，.MuiInput下划线-892978022.MuiInput禁用-265053423：前

Answer 1

作为

每DOC。

disableUnderline道具=>

disableUnderline：布尔

默认值：FALSE

详细信息：如果为true，则输入不会有下划线。

有一个由DOC提供的属性disableUnderline，我们可以直接使用它从输入元素中删除下划线。

试试这个：

<Input 
    disableUnderline={true}  //here 
    classes={classes} 
    placeholder={placeholder} 
    value={value} 
    onChange={onChange} />