title: '[react]深入 - 一等公民 props & onchange'
date: 2017-08-23 10:05:07
tags:
这篇博客的前身是 《react 新手必须知道的10件事》,结果写着写着,「每件事」都远远超过了预计的300~500字的限制。给读者的阅读造成了极大的困扰。故将《10件事》拆开成若干篇,每一篇只讲一个主题。
react 最推荐的数据交互方式是:props & onchnage。在这种交互方式里:对于一个可视组件 componenta
,用 props
来向它发送信息,而用 onchange
回调函数来接收 componenta
发送的·信息。在程序世界里,我们更喜欢把上述「交互方式」称为「接口」,虽然这个「接口」不是我们在面向对象语言里的 interface
,但是跟 interface
有着类似的功能。 我们暂且把这个「接口规范」取名为 「props & onchange 接口规范」。
react 还是给了另外一种方法来进行数据交互:ref & method。在这种交互方式里,我们通过 <componenta ref={ r => this.refofcomponenta = r }
的方式来获得 componenta
对象的引用,然后用 this.refofcomponenta.somemethod()
来向它发送信息。我们把这交互方式称为 「ref & method 接口规范」。在典型的客户端开发环境里(ios、android、windows pc等),这种方式更为常见,并且对函数调用更加友好,更「像」程序语言。但是,对于 react 新手,我们强烈不建议使用这种借口规范,除非你对 react 整个机制非常了解,仍然想用它。因为它严重破坏了 react 组件的一致性。原因有:
如对本文有疑问, 点击进行留言回复!!
混合应用:(基于vue) cordova打包的应用,打开出现白屏
VUE axios 跨域问题 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
AutoJs Pro 7.0.4-1 实战教程---史上最全快音短视频
网友评论