Forms in React are not easy. T

render() {
return (
<React.Fragment>
<h2>Regular Maintenance:</h2>
<ItemList items={this.state.items} />
<Formik
onSubmit={values => {
this.setState(prevState => ({
items: [...prevState.items, values.item]
}));
}}
>
<Form>
<label htmlFor="name">Item:</label>
<Field type="text" name="item" />
<button type="submit">Add Item</button>
</Form>
</Formik>
</React.Fragment>
);
}

hey are verbose and several lines of code. However, forms with Formik are much simpler. Formik maintains the state of inputs and simplifies the form so you can work quicker!

最新文章

  1. redis.conf配置详细解析
  2. jquery.ajax
  3. 最详细的 Android Toolbar 开发实践总结
  4. html颜色字体字符代码
  5. ODBC 是什么
  6. 关于sql语句in的使用注意规则
  7. C# Windows - 菜单栏和工具栏
  8. POJ 2378-Tree Cutting(树形dp)
  9. IIS 7.5 部署ASP.Net MVC 网站
  10. [Swust OJ 188]--异面空间(读懂题意很重要)
  11. ASP.NET Core部署到CentOS7,使用Nginx代理
  12. Latex加速: TexStudio的安装和使用
  13. flashback_scn导出
  14. Error:(72) error: unknown element &lt;user-permission&gt; found.
  15. Python2 - MySQL适配器 MySQLdb
  16. Solaris 10 disable ipv6
  17. process credentials(一)
  18. 7. I/O复用
  19. libev客户端
  20. visual studio2010中C#生成的,ArcGIS二次开发的basetool的dll,注册为COM组件tlb文件,并在arcmap中加载使用

热门文章

  1. bzoj4641 基因改造 KMP / hash
  2. [BZOJ3507][CQOI2014]通配符匹配(DP+Hash)
  3. 【漏洞预警】Intel爆CPU设计问题,导致win和Linux内核重设计(附测试poc)
  4. dll文件反编译,c#、vb动态库反编译
  5. bzoj 3211 线段树
  6. python配置文件操作——configparser模块
  7. PYQT窗口居中
  8. 洛谷OJ U552 守墓人 线段树模板题
  9. Python的静态方法和类成员方法
  10. 使用 Headless Chrome 进行页面渲染 - 知乎专栏