React表单组件

表单组件支持几个受用户交互影响的属性：

• value，用于, 组件。</p></li><li><p>checked，用于类型为checkbox或者radio的 <input>组件。</p></li><li><p>selected，用于<option>组件。</p></li></ul><p>设置了 value 的 <input> 是一个受限组件。 对于受限的 <input>，渲染出来的 HTML 元素始终保持 value 属性的值。</p><p>一个可控组件并不保持自己的原始状态；组件的呈现完全基于属性。</p><p>没有设置value(或者设为null) 的<input>组件是一个不可控组件。这样的话，组件中的数据和state中的数据并不对应，可以说，组件的数据不可控。</p><p>组件可控的优点：</p><ul><li><p>符合React的数据流，单向数据流，从state流向render输出的结果。</p></li><li><p>数据存贮在state中，便于使用。</p></li><li><p>便于对数据进行处理</p></li></ul><p>自定义表单组件的原因：</p><ul><li><p>内因：表单本身具备特殊性：样式统一、信息内聚、行为固定</p></li><li><p>外因：本质上是组件的嵌套，组织和管理组件的一种方式</p></li></ul> <br> <script type="text/javascript"> var cpro_id = "u6885494"; </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script> </div> <div class="blog_tags"> <ul> <li><a href="https://www.php1.cn/tag/react" target="_blank" title="react">react</a></li> <li><a href="https://www.php1.cn/tag/checkbox" target="_blank" title="checkbox">checkbox</a></li> <li><a href="https://www.php1.cn/tag/io" target="_blank" title="io">io</a></li> <li><a href="https://www.php1.cn/tag/算法" target="_blank" title="算法">算法</a></li> <li><a href="https://www.php1.cn/tag/js" target="_blank" title="js">js</a></li> <li><a href="https://www.php1.cn/tag/input" target="_blank" title="input">input</a></li> <li><a href="https://www.php1.cn/tag/text" target="_blank" title="text">text</a></li> <li><a href="https://www.php1.cn/tag/select" target="_blank" title="select">select</a></li> <li><a href="https://www.php1.cn/tag/html" target="_blank" title="html">html</a></li> </ul> </div> <div class="article_cmnt" style="display: none;"> <div class="cmnt_title">写下你的评论吧 !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了