关于react中应用声明式UI的部分理解（参数和函数的关系）

垃圾作者学习这部分仅仅只有几天时间，有众多地方还未理解，如有错误，欢迎大佬指摘
最近接触到声明式和命令式两种代码的UI编写模式，然后针对两个模式的针对点进行了简单的调查，因为之前用的是大多是原生，所以这算是第一次接触声明式UI，经过搜索，询问UI，对于他的理解现在有了一点点了解（当然这个仅限于在react的声明式UI上面，技术方面才学了两天，还是任重道远），在react中有了state和JSX的引入，state控制了用户画面的渲染更新以及更新的信息所在，而JSX中主要是针对画面的逻辑设计部分（这部分我不知道我理解的对不对，欢迎大佬指摘），那么我将状态比做一个参数，JSX设计部分比作成为一个函数，将参数带入函数中，就比如我将X=2,带入到Y=2X中，那么我就可以得到渲染之后的画面（也就是Y）,当然一个状态值只能渲染出来一个画面，但是我们的渲染是根据我们对画面的操作不断进行的，所以就生成了一个可以实时相应的画面出来。
关于声明式，所以根据上面的分析我们得到一个画面只要知道画面的状态和设计就可以，不需要再去费劲的针对底层DOM进行操作修改。在真正操作画面的时候其实真正改变的只有state，state和UI之间是有映射关系的，不再需要处理。好比我们将UI进行了封装，只需要穿进去我们的参数，他进行按照我们的参数生成我们想要的画面
在这里附上我和文心一言的部分对话