This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
Is there a way to do server-side rendering for re-frame?
https://github.com/Day8/re-frame/blob/master/docs/External-Resources.md#server-side-rendering
Hi all! 🙂 I am new to clojurescript and reagent/re-frame. I have a problem with the following text input function. It renders nicely and state is updated but I get an error message from the browser: "A component is changing a controlled input of type text to be uncontrolled. Input elements should not switch from controlled to uncontrolled (or vice versa).". What have I missed? hmm..
(defn text [] [:input
{:type "text"
:value @(rf/subscribe [:length])
:on-change #(rf/dispatch [:length-changed (-> % .-target .-value)])
}])
It seems the problem is related to the function being called multiple times or something.. runs fine higher up in the call stack
before this code is called I have a cond function that only runs the text function in some cases.. not in the initial one
and the error is only given on the first rendering. so I guess it is related to initial state
@marcus.akre This has to be a form-2 component (https://github.com/reagent-project/reagent/blob/master/doc/CreatingReagentComponents.md) I think, like this:
(defn text []
(let [value (rf/subscribe [:length])
(fn [] [:input
{:type "text"
:value @value
:on-change #(rf/dispatch [:length-changed (-> % .-target .-value)])
}])))