dioxus-websocket-hooks

Dioxus 的 WebSocket 连接钩子

use dioxus_websocket_hooks::{use_ws_context, use_ws_context_provider_json};

fn app(cx: Scope) -> Element {
    use_ws_context_provider_json(&cx, "wss://echo.websocket.events", move |msg| {
        // Handle incoming ws message, e.g. store it in shared state
    });

    ...
}

fn ExampleComponent(cx: Scope) -> Element {
    let ws = use_ws_context(&cx);

    cx.render(rsx! (
        button { onclick: move |_| ws.send_json(&"hello"), "Submit" }
    ))
}

示例

参见 cargo 示例

示例使用了 fermi 进行状态管理。