react中的检查属性类型、不受控组件和web组件

在react中，也提供了一下特殊的检验方法，其主要是对接受到的props的类型进行检验，下面先举一个实际的例子。

在上面的代码部分中，主要去name属性的类型进行了一个检验，其检验的内容是接受一个字符串形式的name，因此在这里你传入的name就必须是字符串形式。

下面是在官方文档中提供的一些类型的说明。

将属性设置为必须的

通过PropsTypes.element属性，

设置默认属性

通过给你的Props分配defaultprops

不受控组件

在对于表单元素的数据流为上，在受控组件组件上，对于其起控制作用的是react上的组件，相反的在不受控组件上，控制其数据流的是DOM上的节点。下面使用了ref去写了一个不受控组件，为了去体现这一过程。

由于非受控组件将真相源保存在DOM中，因此在使用非受控组件时，有时更容易集成React和non-React代码。如果您想要快速和简洁，那么代码也可以稍微少一点。否则，您通常应该使用受控组件。

默认的Value值，其在受控组件与非受控组件中是不一样，如果你想在非受控组件中去初始化一个value值，你就得去使用defaultValue，例如在下面的这个例子中，体现了在非受控组件中去写这个初始值的方式。

文件输入框的使用

在html中是为了让用户在自己的设备中去选择文件，那么在react中，这个功能是怎样实现的呢，这种方式的实现都是采用的不受控组件去完成的，具体的使用案例如同下面所示。

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
/bbs.youkuaiyun.com/topics/618191877)

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！