这篇文章主要讲解了“React组件Props的类型实例分析”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“React组件Props的类型实例分析”吧！通常情况下，React的组件的子组件是一组，也就是说子组件是一个数组。看下面的例子var GenericWrapper = React.createClass({
c 香港云主机omponentDidMount: function() {
console.log(Array.isArray(this.props.children)); // => true
},
render: function() {
return 组件GenericWrapper有三个子组件，所以上述例子运行结果会在控制台打印出true。虽说其子组件是一个数组，然而如果其子组件只有一个组件的情况，并不是说数组中只有一个元素，而是说this.props.children不是一个数组。或者说只有其本身，没有子组件的情况也不是一个空数组，this.props.children本身就不是一个数组。var GenericWrapper = React.createClass({
componentDidMount: function() {
console.log(Array.isArray(this.props.children)); // => false
},
render: function() {
return 也就是说，上面的结果是会在控制台输出false。但是，这里有一点需要注意：我们这里说的是组件的子组件，而并不是子元素。我们可以通过this.props.children获得子组件，但是并不能获得子元素。var GenericWrapper = React.createClass({
componentDidMount: function() {
console.log(Array.isArray(this.props.children)); // => false
},
render: function() {
return 这里在控制台打印出来的就是false。因为在本例中span是div的子元素，对于组件GenericWrapper它并没有子组件。所以说this.props.children不是一个数组。对于组件没有子组件的情况，this.props.children为undefined。var GenericWrapper = React.createClass({
componentDidMount: function() {
console.log(this.props.children); // => undefined
},
render: function() {
return 控制台打印出来的结果就是undefined。感谢各位的阅读，以上就是“React组件Props的类型实例分析”的内容了，经过本文的学习后，相信大家对React组件Props的类型实例分析这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是开发云，小编将为大家推送更多相关知识点的文章，欢迎关注！
这篇文章主要介绍“笔记本电脑中cmd命令无法运用如何解决”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“笔记本电脑中cmd命令无法运用如何解决”文章能帮助大家解决问题。解决cmd命令提示符无法使用的情况1.在电脑桌面选中…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
