我正在尝试为样式组件设置 ref。
该组件已使用 const Input = styled.input 创建。但我无法通过 ref 获得输入值。
我的代码：
const _Input = styled.input`
background-image: linear-gradient(#20aee3, #20aee3), linear-gradient(#bfbfbf, #bfbfbf);
border: 0 none;
border-radius: 0;
box-shadow: none;
float: none;
background-color: transparent;
background-position: center bottom, center calc(100% - 1px);
background-repeat: no-repeat;
background-size: 0 2px, 100% 1px;
padding: 0;
transition: background 0s ease-out 0s;
color: #bfbfbf;
min-height: 35px;
display: initial;
width: 100%;
outline: none;
font-size: 15px;
&:focus {
background-size: 100% 2px, 100% 1px;
outline: 0 none;
transition-duration: 0.3s;
color: #525252;
}
`;
...
<_Input type='text' ref="name" placeholder="name .."/>
你需要使用
内部引用 =“名称”
对于样式组件 ref 将不起作用，您必须使用 innerRef。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句