React JS中的“无显式数据绑定”

如何解决React JS中的“无显式数据绑定”

Tom Occhino在他的演示文稿中说，特别是在React.js中，存在“没有明确的数据绑定” 。

查看演示视频here，然后转到他之前所说的7:30分钟。

为什么React JS中没有“没有明确的数据绑定” ？

解决方法

首先，我要告诉你的是，这是一个非常古老的视频，如果您正在学习React，那么我完全建议您找到一个实际的视频，因为从那时起React已经发生了很多变化。如果您已经知道了如何反应，那么很高兴了解其根源以及其幕后工作方式/原因。

现在，关于“显式数据绑定”。我认为在本演示文稿中，该术语的重点是将React与其他框架进行比较，在其他框架中，您需要“明确地将数据源绑定到dom节点”，以使其具有双向交互作用。也就是说，如果dom发生更改（用户输入），则相应地更改数据（更新变量），并且如果数据发生更改（例如ajax调用带来了一些远程数据），则相应地更改dom（更新dom节点中的文本）。

在其他框架中，您需要使用一些代码声明此绑定，并且双方的事件都将触发另一方的更改。

所以，为什么他会说react没有此绑定，因为您可以看到相同的行为，并且信息双向流动。

从概念上讲，同样的事情正在发生，任一端的变化都会触发另一端的变化。但是，这是如何实现的。
在react中，没有方法可以在变量发生变化时专门更新一个输入dom节点。而是触发整个重新渲染，计算将插入到dom中的新标记。此标记（包含html的字符串）的输入将以新数据表示为value="data"，从而更改您在dom中看到的内容。但是在变量更改时执行的代码与dom节点完全没有关系（它们之间没有绑定）。
而相反，当您设置事件侦听器以在输入更改时更改变量时，react不会将任何事件侦听器绑定到该dom节点，而是在最顶部的节点具有事件侦听器，以侦听其中的任何更改。整个dom树，并在事件源是您所误入的输入的情况下相应地通知您。但是请注意，在您希望听到更改的确切节点中没有事件侦听器，因此两者之间没有明确的绑定。 dom节点和您的代码。

说。我认为，如果您不熟悉javascript框架，甚至可能会感到困惑，那么这都不重要。因此，如果尚不清楚，请不要太努力地理解这个概念，除非您将此行为与您熟悉的另一个框架进行比较。只要继续练习，一旦您编写了一些反应形式，上面的解释对您来说就是自然而明显的。