2018-12-26表单详解及各控件的使用

1.非约束性组件和约束性组件

上个例子中，我们使用了defaultValue和value与onChange的组合。

这个defaultValue其实就是原生DOM的value属性，这样写出来的组件，其中value值是用户输入的内容，react不会去管理输入的过程，所以叫非约束性组件。

value和onChange的组合里，value它不是固定写死的值，它被赋值this.state.name，其中this.state.name又是由onChange对应的方法inputChange所管理。这个时候实际上input里的value根本就不是用户输入的内容，而是onChange触发后，由setState导致了一次重新渲染，只不过react会优化这个过程而已。这种叫约束性组件

2.表单控件使用


©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Entry to React
    原教程内容详见精益 React 学习指南，这只是我在学习过程中的一些阅读笔记，个人觉得该教程讲解深入浅出，比目前大...
    leonaxiong阅读 2,860评论 1赞 18
  • React 官方文档翻译二
    It's a common pattern in React to wrap a component in an ...
    jplyue阅读 3,317评论 0赞 2
  • React官方教程笔记（React 15.4.X）
    本笔记基于React官方文档，当前React版本号为15.4.0。 1. 安装 1.1 尝试 开始之前可以先去co...
    Awey阅读 7,812评论 14赞 128
  • 曾有一个人爱着你。
    “我行过许多地方的桥，看过许多次数的云，喝过许多种类的酒，却只爱过一个正当最好年龄的人。” 这是沈从文写给张兆和的...
    时挽阅读 421评论 1赞 8
  • 魏际刚：奠定坚实国民健康基础
    魏际刚：奠定坚实国民健康基础——关于促进健康产业高质量发展的思考 2018-6-1 08:57 （原文字太小，不适...
    YoungTsau阅读 222评论 0赞 0