浅谈react受控组件与非受控组件(小结)-创新互联

我们都知道，有许多的web组件可以被用户的交互发生改变，比如：，，或者是我现在正在使用的富文本编辑器。这些组件在日常的开发中很不显眼，我们可以很轻易的通过输入一些内容或者设置元素的value属性来改变组件的值。但是，因为React是单向数据流绑定的，这些组件可能会变得失控：

创新互联公司成立于2013年，是专业互联网技术服务公司，拥有项目网站设计制作、成都网站设计网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元隆安做网站,已为上家服务,为隆安各地企业和个人服务,联系电话:13518219792

1.一个维护它自己state里的value值的

组件无法从外部被修改；

2.一个通过props来设置value值的组件只能通过外部控制来更新。

最近在使用蚂蚁金服出品的一条基于react的ant-design UI组件时遇到一个问题，编辑页面时input输入框会展示保存前的数据，但是是用defaultValue就是不起作用，输入框始终为空值而不是具体的传入的值。具体编辑页面中文本框相关的代码如下：

    ... //render方法上面的内容省略
 
  

      //render下面的内容省略
      ...

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章标题：浅谈react受控组件与非受控组件(小结)-创新互联
本文URL：http://6mz.cn/article/cdciij.html