![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
单个 Input 没必要用 form 包裹
```ts
const useEnterCallback = (callback) => {
const inputRef = useRef(null);
useEffect(() => {
const handleKeyPress = (event) => {
if (event.key === 'Enter') {
callback(inputRef.current.value);
}
};
inputRef.current.addEventListener('keydown', handleKeyPress);
return () => {
inputRef.current.removeEventListener('keydown', handleKeyPress);
};
}, [callback]);
return inputRef;
};
```
```ts
const useEnterCallback = (callback) => {
const inputRef = useRef(null);
useEffect(() => {
const handleKeyPress = (event) => {
if (event.key === 'Enter') {
callback(inputRef.current.value);
}
};
inputRef.current.addEventListener('keydown', handleKeyPress);
return () => {
inputRef.current.removeEventListener('keydown', handleKeyPress);
};
}, [callback]);
return inputRef;
};
```
展开
评论
5
![[发呆]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_4.28b310a.png)