本文介绍了作者初学React时，使用react-bootstrap库创建表单的过程。通过实践，学习了ref的使用以及官方推荐的避免频繁使用ref的方法。作者通过在onChange事件中动态更新state来获取表单值，对于复选框，通过监听onChange事件判断选中状态，并动态更新state以控制页面展示。最后实现了基本的表单功能。
我想制作一个表单，把react-bootstrap的表单控件都用一遍
先return这么一堆表单控件，爱好那里的复选框数据放在state里面
页面展示效果这样
然后就需要取值了，学习ref知识后，我给每个Form.Control标签都加上了ref属性，再在提交方法里通过React.createRef()获取标签的值。但是react官方文档说让避免频繁使用ref功能，经过指导精简方法：
给state里定义所有的输入框的字段名，值为空；
把每个Form.Control标签的ref属性删掉，换成onChange，方法名相同，给方法传递不同的输入框的字段名当参数；
在onChange的函数里return一个函数作为onChange的回调函数，回调函数自动接收ev
最低0.47元/天 解锁文章
扫一扫
347
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
