How to submit form using functional component.

[ofofofofo]

How can I check the response to redirect or re-render the form?

    let onclick = {
        let cloned_state = state.clone();
        Callback::from(move |e: MouseEvent| {
            e.prevent_default();
            // log::info!("{:?}", cloned_state);
            let data: Data = cloned_state.deref().clone();
            spawn_local(async move {
                let resp = Request::post("/api/user")
                    .body(serde_json::to_string(&data).unwrap())
                    .header("Content-Type", "application/json")
                    .send()
                    .await
                    .unwrap();
            })
        })
    };

[voidpumpkin]

You need to use node-refs and manually reset all form input values using web-sys. You also dont need re-rendering for this.

Or another option is to make your inputs be controlled. That way you can just set the input state and you component will rerender.