没有React的JavaScript状态

State in JavaScript without React

本文关键字：状态 JavaScript React 没有      更新时间：2023-09-26

我正在学习React，想知道是否有一种方法可以在不使用React的情况下重新渲染状态变化。这在纯JavaScript中是可能的吗?

让我们假设我们的整个应用程序是这样的:

<input id="myState" />
<h2 id="myView"></h2>

我们有一个叫做state的值还有一个叫做view的值。我们想要的是，当我们更新状态时，我们想要更新视图。是的，没有React/Redux/etc，这是完全可能的。

window.onload = function(){
    var state = document.getElementById('myState'),
            view = document.getElementById('myView')
    state.addEventListener('keyup',function(e){
        view.innerText = e.target.value
    })
}

每当应用程序的"状态"发生变化时，我们都会重置"视图"。

通过这个虚拟问题，你会遇到很多问题，这些问题是React/Angular/Ember/Backbone等都试图帮助解决的问题。

可以在香草JS中完成吗?是的，因为其他人已经用普通JS做过了。

相关文章：