javascript - 我使用了 styled-components 组件，我想在 Input 获得焦点时在它旁边显示一个按钮，但它不起作用

Question

这是我的代码，有人可以帮助我吗

我使用了 styled-components 组件，我想在 Input 获得焦点时在它旁边显示一个按钮，但它不起作用。

标签： javascriptcssreactjs

Answer 1

我认为将 InputContainer 的类型更改为 input 是不错的选择...

const InputContainer = styled.input`
  ...
  &:focus + ${CancelButton} {
    display: block;
  }
`