react 是声明式的开发方式,与之对应的是命令式开发方式。之前用jquery写代码的时候,我们都是直接操作dom,这种我们称为命令式的编程。命令式编程需要我们一点点的告诉dom,它要怎么去做,怎样去挂载,即命令式编程则需要用算法来明确的指出每一步该怎么做。
react就是一个声明式的开发,声明式开发强调‘做什么’而不是‘怎么做’。react是面向数据编程的,只要把数据构建好就可以了。react会根据这个数据自动构建网站,也可以理解为,这个数据就是一张图纸,当图纸画好之后,react会自动根据图纸构建这座大厦。这种声明式开发介意节约大量的操作dom的代码。这是react的一个优势。
使用react的时候,我们也可以使用jquery, vue 这样的框架。这是因为,在index.html文件中,react只管理里的代码的渲染,其他框架可以操作其他部分的代码。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>React App</title> </head> <body> <div ></div> </body> </html>
父组件可以给子组件传值,但是子组件只可以使用这个值,绝不能改变这个值。想要改变这个值的话,只能通过调用父组件的方法去改变父组件的值。之所以设计这个单向数据流,是为了我们开发,测试方便,不容易遇到坑。
react 负责的是数据和页面渲染之间的问题,至于组件之间怎么传值,react并不擅长。在小型项目中,父子组件通信可以通过react来完成,但在大型项目中,使用react通信对多级组件传值要经过层层组件,这样很麻烦,因此需要flux,redux这样的数据层框架来辅助我们开发。这样我们就能理解为什么react定义为视图层框架,而不是大型的完整的框架。
我们在使用react编程时,其实写的都是一个个的函数,如 constructor,render等,都是一个个的函数。函数式编程有以下几个好处: