如何使用带有刺激反射和查看组件的自定义动作电缆通道？

问题描述

因此，我正在开发一个项目，该项目应具有与linkedin聊天相同的聊天组件，用户将拥有所有联系人和消息。

但是，我尝试了各种方法来与stimulus_reflex和view_component一起创建此chat_Box，但是直到现在我仍然没有进展。

因此，我现在正尝试使用纯action_cable创建聊天，但我的疑问是：我可以将此{_1}的action_cable频道与('ChatRoom')一起使用吗？因为当我们看到rails控制台时会显示以下内容：广播到Stimulus Reflex，而我想广播到StimulusReflex::Channel:1。

有人尝试过相同的方法吗？

解决方法

stimulus_reflex在反射后将使用其自己的频道来更新页面。但是这些更新是自动发生的，并且仅适用于触发反射的用户。通常，您不想触摸那些部分。

如果您想在反射后广播消息或dom转换，可以使用cable_ready（stimulus_reflex随附）进行广播。

所以这样的事情可能对您有用：

def my_reflex
  @chat = Chat.find(element.dataset[:chat_id])
  message = @chat.message.create(message: element.value)
  cable_ready["chatroom-#{@chat.id}"]. insert_adjacent_html(
    selector: "#chat",position: "beforeEnd",html: ApplicationController.render(ChatMessageComponent.new(message: message))                     
  )
end

有关更多可能性，您可以查看cable_ready documentation

,

我目前无法发表评论，因此我必须将其写为答案。看起来罗兰（Roland）错过了cable_ready动作的实际播放。

def my_reflex
  @chat = Chat.find(element.dataset[:chat_id])
  message = @chat.message.create(message: element.value)
  cable_ready["chatroom-#{@chat.id}"]. insert_adjacent_html(
    selector: "#chat",html: 
   ApplicationController.render(ChatMessageComponent.new(message: message))                     
  )

  cable_ready.broadcast
end