如何将动作电缆的自定义频道与刺激反射和查看组件一起使用？

# app/channels/chat_channel.rb
class ChatChannel < ApplicationCable::Channel
  def subscribed
    stream_from "chat_#{params[:room]}"
  end

  def receive(data)
    ActionCable.server.broadcast("chat_#{params[:room]}", data)
  end
end

# config/routes.rb
Rails.application.routes.draw do
  mount ActionCable.server => '/cable'
end

// app/javascript/channels/chat_channel.js
import { createConsumer } from "@rails/actioncable"

createConsumer().subscriptions.create({ channel: "ChatChannel", room: "1" }, {
  received(data) {
    console.log(data);
    // 更新DOM或触发Stimulus Reflex
  }
});

<!-- app/views/chat/show.html.erb -->
<div data-controller="chat">
  <div data-target="chat.messages">
    <%= @messages.each do |message| %>
     <div><%= message.content %></div>
    <% end %>
  </div>
  <input type="text" data-action="keyup->chat#sendMessage">
</div>

// app/javascript/controllers/chat_controller.js
import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  connect() {
    this.socket = new WebSocket("ws://localhost:3000/cable");
    this.socket.onmessage = (event) => {
      const data = JSON.parse(event.data);
      // 更新消息列表
    };
  }

  sendMessage(event) {
    const message = event.target.value;
    this.socket.send(JSON.stringify({ message }));
  }
}