Да, что касается передачи реквизита, нет никакой разницы в использовании с React Hooks. В предоставленном вами фрагменте просто передайте setSearchData
в качестве опоры PostContainer
.
<PostContainer
data={dataOnMap}
addLike={addLike[index]}
searchData={searchData}
setSearchData={setSearchData}
/>
Мне всегда нравится посещать Wufoo каждый раз, когда мне нужно некоторое вдохновение формы.
Разрушение Журнала имеет хорошую сводку новостей основанного на CSS вдохновения формы / методы / учебные руководства.
Проверьте его здесь.
Все это зависит от того, что Вашим фокусом является пользовательский опыт или ввод данных. Для ввода данных как основная цель я сохранил бы поля ввода близко друг к другу и удостоверился бы, что они текут очень хорошо с клавишей Tab, таким образом, пользователь никогда не должен убирать руки от клавиатуры. Также, вероятно, должен свести пространство к минимуму и попытаться включать как можно больше полей на странице.
Для пользовательского опыта примерно противоположное верно, необходимо удостовериться, что существует достаточно комнаты, чтобы определить проблемы с проверкой JavaScript и удостовериться работы формы точно также для новых пользователей как продвинутые пользователи. Продвинутые пользователи == тяжелые пользователи ввода данных.
Wufoo довольно хорош на пользовательском опыте, но он не работал бы хорошо на пользователей ввода данных, которых я упомянул выше. Поскольку пользователь должен остановиться для нажатия кнопки.