React组件渲染

Posted 2023-03-09

参考技术A 很多情况下组件是动态渲染的，比如登录状态，如果已登录则显示退出登录，否则显示登录

React 没有指令，所以在列表渲染时得借助数组来完成。

因为 React 是虚拟 DOM 到真实 DOM 的一个过程，而 DOM 本身就是一个对象，对象默认没有唯一标识，所以需要手动指定。

键(Keys) 帮助 React 标识哪个项被修改、添加或者移除了。数组中的每一个元素都应该有一个唯一不变的键(Keys)来标识。

键(Keys)用到列表渲染中，同辈元素中必须是唯一的。

因为组件的调用是将组件当成一个 DOM 节点使用，所以组件里面可以包含子节点。React 对组件的子节点通过 this.props.children 来获取，通常 this.props.children 会有以下几种情况

为了解决这种数据类型不一致导致在使用的过程中要不断判断的情况，React 提供了一个方法 Reacth.Children 来处理该属性。