react核心思想

Question

react的核心概念是声明式渲染和组件化，对于声明式渲染，其思想基础就是用户界面是函数式到状态的映射，那么是用用ui＝render(data)还是ui＝render(state)来描述了？组件的props也用来构建用户界面啊？所以说用户界面是函数式到状态的映射是不是不够完善？本人前端小白，还请多多指教……

Answer 1

我觉得应该是UI=function(data)
这里的function,包括但不限于render,lifecycle,自定义函数,action等,而data可以是state,props,other

Answer 2

ui = render(state)更合理。
先明确下概念：

• 组件间的状态传递(props): 从父组件到子组建的数据传递

• 组件的内部状态(state): 只能定义在组件内部, 定义组件的自己的状态

props也可以用来构建页面，但是props不是自发性改变的，他是父组件传递下来的，可以理解为这是一个常量，但是state就不一样了，在组件的生命周期中，state随时可以通过setState改变，相应UI也会进行改变，可以理解为这是一个变量。所以说呢，虽然props和state都可以影响UI改变，但是在组件render之后再update组件(组件内部数据更新)只能通过setState了。