javascript - 如何用 mithril 等价物替换 jquery？

Question

类似的东西:

peer.on('open', function(id){ // this is a non jquery event listener 
  $('#pid').text(id);
});

对于类似...这是不正确的:

peer.on('open', function(id){
  m('#pid',[id])
});

这是正确的方法吗？在我尝试从 jquery 转换之前，我应该建立一个 Controller 和模型吗？

更多详情:

我正在尝试重写 PeerJS 示例中的 connect 函数:https://github.com/peers/peerjs/blob/master/examples/chat.html

Answer 1

如果您的事件监听器是类似于 websockets 的东西，那么该事件将发生在 Mithril 的外部，这意味着您需要自己管理重绘。这是您需要做的:

1. 将您的数据存储在一个独立的模型中
2. 在渲染 Mithril View 时使用该模型
3. 在 open 事件中，更新您的模型，然后调用 m.redraw()

概念示例:

var myModel = { id: 'blank' }

var MyComponent = {
  view: function () {
    return m('#pid', myModel.id)
  }
}

m.mount(document.getElementById('app'), MyComponent)

// This happens outside mithril, so you need to redraw yourself
peer.on('open', function(id) {
  myModel.id = id
  m.redraw()
})