如何理解这句话---React采用声明范式，可以轻松描述应用。

#1

在菜鸟教程上看到介绍React特点的时候，第一条便是这句：
React采用声明范式，可以轻松描述应用。
到底什么是声明范式呢，上网查了一下还是没有理解，请各位大神解答一下

#2

写代码才能理解，编程哪有干啃文字的

#3

本人菜鸟，很感谢你的第一个回复，但是我并不认为你这种回答对我的上述问题，有任何帮助

#4

粗暴地来一个例子, 比如创建一个包含两个子节点的 DOM 节点,

声明式:

createElement 'div', {attrs: {className: 'a'}, style: {}},
  createElement 'div', {attrs: {className: 'a-1'}, style: {}}
  createElement 'div', {attrs: {className: 'a-2'}, style: {}},

过程式:

a = document.createElement 'div'
a.style = {}
a.className = 'a'

a = document.createElement 'div'
a1.style = {}
a1.className = 'a-1'

a2 = document.createElement 'div'
a2.style = {}
a2.className = 'a-2'

a.appendChild a1
a.appendChild a2
2 Likes
#5

多谢大神 :smile:

#6

jsx就是一个最明显的声明式，超简单、超粗暴，直接声明所有dom元素和属性。

<div className="a" style={}>
    <div className="a-1" style={}></div>
</div>