在没有React的JavaScript中声明

时间:2016-10-05 17:45:22

标签: javascript reactjs

我正在学习React,并想知道是否有办法在不使用React的情况下重新渲染状态变化。这在纯JavaScript中是否可行?

1 个答案:

答案 0 :(得分:0)

让我们假设我们的整个申请是这样的:

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

我们有某种价值,我们称之为州,我们有某种价值,我们称之为观点。现在我们想要的是,当我们更新状态时,我们想要更新我们的视图。是的,没有React / Redux /等,这是绝对可能的。

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

每次&#39;状态&#39;我们的应用程序更改,我们正在重置视图&#39;。

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

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