找出组件包装器里的 bug

来自 CSS-in-JS
React 19 进阶 4分钟 找出 1处问题

找出这段生成的 styled-components 包装组件中的生命周期错误。

JSX
import styled from 'styled-components';

export function SearchBox({ query, onChange }) {
  const Field = styled.input`
    border: 1px solid #94a3b8;
    padding: 0.5rem;
  `;

  return <Field value={query} onChange={onChange} />;
}
在试验场中打开
报告错误