在react表单里面存在两种组件形式，一【转载请注明来源】【访问 www.tangshuang.net 获取更多精彩内容】种叫controlled compone本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.netnt, 一种叫uncontrolled 原创内容，盗版必究。本文作者：唐霜，转载请注明出处。component。controlled【原创不易，请尊重版权】【作者：唐霜】的意思是说，你只能通过code去改变组件【版权所有，侵权必究】转载请注明出处：www.tangshuang.net的状态，比如checkbox，如果是co本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。ntrolled，那么你只能通过code【转载请注明来源】本文版权归作者所有，未经授权不得转载。去改变它的选中状态，而不能靠用户点击来修【访问 www.tangshuang.net 获取更多精彩内容】【作者：唐霜】改。而uncontrolled的组件反过著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。来，只能通过用户操作来改变状态，而不能通原创内容，盗版必究。【本文受版权保护】过code来改变。很可惜，一个react【转载请注明来源】【关注微信公众号：wwwtangshuangnet】组件，不能在这两个形态之间转换，所以这对本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。你写的code会有影响。

怎么区分呢？很简单，看你的代码是使用de【原创不易，请尊重版权】本文作者：唐霜，转载请注明出处。faultValue/defaultCh【作者：唐霜】【原创不易，请尊重版权】ecked还是直接使用value/che未经授权，禁止复制转载。原创内容，盗版必究。cked。如果是使用value/chec【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。ked，那么是controlled，反之【版权所有，侵权必究】【本文受版权保护】则是unconrolled。

另外还有两个属性，disabled和re【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。adOnly，这两个属性其实要配合这两种【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。形态来使用。controlled com著作权归作者所有，禁止商业用途转载。【未经授权禁止转载】ponent只和readOnly配合，u本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。ncontrolled componen【原创内容，转载请注明出处】本文版权归作者所有，未经授权不得转载。t只和disabled。如果一个inpu【原创内容，转载请注明出处】未经授权，禁止复制转载。t设置了value属性，但是没有给onC本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。hange或readOnly，控制台会有【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】错误提示。这是因为，一个controll未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.neted组件，它的创建一定要用于控制，而非为本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net了初始化一个值。这种情况下如果你想在外部【作者：唐霜】本文作者：唐霜，转载请注明出处。去控制它，而不是它的onchange事件【版权所有，侵权必究】转载请注明出处：www.tangshuang.net中，那么应该添加readOnly，这样就转载请注明出处：www.tangshuang.net转载请注明出处：www.tangshuang.net不会报错了。当然，这里的配合只是我的个人本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。感悟，并非官方强制。