[笔记] React Data Binding

先说结论:

Data Binding 是将画面或用户界面数据连接起来的过程。

跟大家一样先放一个 WIKI 的解说

数据绑定（英语：Data binding）是将「提供器」的数据源与「消费者」绑定并使其同步的一种通用技术。这通常用两种不同语言的数据/信息源完成，如XML数据绑定。在UI数据绑定中，相同语言但不同逻辑功能的数据与信息对象被绑定在一起（例如Java UI元素到Java对象）

React vs Data Binding

我们都知道 React 是 one-way data binding，或是 单向数据绑定，基本上可以分为:

这边要提醒一下 View 指的是画面或是页面上使用者的行为

Component to View

由 Component 去控制 View

从上方程式码中，我们可以看到资料是由Component去定义好的，然后渲染到画面上，所以现在画面上就会有 "Component to View"

View to Component

跟 Component to View 相反，是由View去控制 Component，或是你可以说是使用者去控制 Component
一样献上程式码

可以看到，我们透过监听使用者的输入行为，来更改 data

以上就是 React Data Binding 的笔记~~

如果有任何错误，欢迎到下方留言，我会很感激你~~

参考资料:
https://www.geeksforgeeks.org/reactjs-data-binding/
文章同步发表于Medium:
https://123davidbill.medium.com/%E7%AD%86%E8%A8%98-react-data-binding-864de7acac13