React是怎么实现单向数据绑定的呀，面试老被问到

来源：2-13 promise-callback-hell

qq_锦凉_0

2018-03-20

就像vue有object.definepropoter实现双向数据绑定，那react怎么监听到数据改变的

写回答

2回答

双越

2018-03-20

首先，vue 的双向数据绑定也不是完全靠 defineProperty ，defineProperty 只是用于监听 data 属性变化而已，还需要依赖 v-model 元素上监听的 input 时间，来实时修改 data 的值。

其次，你既然知道 vue 中 defineProperty 用于监听 data 的属性修改，那么在 React 中，state 的修改如何监听？不需要监听，因为 React 规定必须使用 setState 显示、主动的修改 state 。也就是说，vue 的 defineProperty 和 React 的 setState 都实现了获取数据变化的能力。

最后，React 的单项数据绑定，其实就是 props 往子组件中传递数据，这个过程我再视频中讲解 JSX 时候详细讲过了。大家可以顺着这个思路，自己再补充补充。

还有不明白的，可以再回复我。