Я работаю над простым веб-приложением, используя clojurescript и реагент. Я хотел бы создать простой компонент «вкладка», который будет содержать (для начала) компонент ввода текста.
В приложении есть 2 вкладки, и у пользователя есть возможность выбрать вкладку, и я хочу «сохранить» значения на каждой из этих двух вкладок.
Вот код:
(defn atom-input [value]
[:input {:type "text"
:value @value
:on-change #(reset! value (-> % .-target .-value))}])
(defn simple-tab [index]
(let [pg-index (atom 1)
a (atom 0)]
(fn []
[:div
[:h4 (str "index: " @index)]
[atom-input a]])))
(defn main-page []
(let [index (atom 0)]
[:div.container
[:div.row
[:button {:on-click (fn [] (reset! index 0))} "select tab 1"]
[:button {:on-click (fn [] (reset! index 1))} "select tab 2"]]
[:div.row
[simple-tab index]]]))
(defn ^:export run []
(reagent/render-component
(fn [] [main-page])
(.-body js/document)))
Проблема в том, что когда я переключаю вкладку, компоненты разделяют значения поля ввода - что я здесь делаю не так?
Большое вам спасибо за вашу помощь!