使用props你可以吧任意类型的数据传递给组件;
组件对外公开一个简单的属性;(Props)来实现功能;
state和props主要的区别在于props是不可变的;而state可以根据与用户交互来改变;这就是为什么有些容器组件
需要定义state来更新和修改数据。而子组件只能通过props来传递数据。
在子组件中;我们可以使用 this.props.name 来获取父组件的state值;
在父组件中使用state;并通过子组件上使用this.props将其传递到子组件上;
在render函数中;我们设置name和site来获取父组件传递过来的数据;
props相当于组件的数据流;它总是会从父组件向下传递至所有的子组件;
通过 setProps()方法改变组件属性;触发组件重新渲染;
React基于状态实现对DOM控制和渲染;组件状态分为两种:一种是组件间的状态传递,另一种是组件的
内部状态;这两种状态使用props和state表示。props用于从父组件到子组件的数据传递;
组件内部也有自己的状态:state,这些状态只能在组件内部修改。
React基于状态实现对DOM控制和渲染;组件状态分为两种;
1:组件间的状态传递;(props) props从父组件到子组建的数据传递
2:组件的内部状态; (state) state只能定义在组件内部;定义组件的自己的状态
React中的数据流是单向的;只会从父组件传递到子组件;属于props;
属性props是父子组件间进行状态传递的接口;React会向下遍历整个组件树;并从新渲染使用这个属性的组件;
创建元素:React.createElement()
克隆元素:React.cloneElement()
React.DOM.div()===React.createElement('div')
组件(component)是对一个或一系列ReactElement的封装;在React中组件被认为是最小的功能分离点;
合理的利用组件,可以解耦业务复杂度;可以更高效的完成UI的编写;