时间戳

首页 > 解决方案 > 用 Hooks 反应搜索栏

reactjs - 用 Hooks 反应搜索栏

问题描述

我目前有一个 react-redux-application 允许使用 React Hooks 16.8 进行 CRUD 操作

有谁知道我是否可以使用 Hooks 添加输入文本搜索栏，还是我们必须使用类组件？

标签： reactjsreact-reduxreact-bootstrap

解决方案

这是一个简单的方法，请在https://codesandbox.io/s/pensive-sunset-r7sn3?fontsize=14上查看。

function SearchBar() {
    const [searchInput, setSearchInput] = useState('');
    const handleChange = val => {
        setSearchInput(val);
    }
    return (
        <div>
            <input type="text" value={searchInput} onChange={(e) => handleChange(e.target.value)} />
        </div>
    )
}

推荐阅读