filter reactive values by most recently updated

import { createSignal } from "solid-js";

export function App() {
const [name, setName] = createSignal<string>();
const [age, setAge] = createSignal<string>();

return (
<>
<input
onChange={(e) => setName(e.target.value)}
name="name"
placeholder="Name"
/>
<input
onChange={(e) => setAge(e.target.value)}
type="number"
name="age"
placeholder="Age"
/>
<p>
You changed your {"age" || "name"} to {age() || name()}
</p>
</>
);
}
import { createSignal } from "solid-js";

export function App() {
const [name, setName] = createSignal<string>();
const [age, setAge] = createSignal<string>();

return (
<>
<input
onChange={(e) => setName(e.target.value)}
name="name"
placeholder="Name"
/>
<input
onChange={(e) => setAge(e.target.value)}
type="number"
name="age"
placeholder="Age"
/>
<p>
You changed your {"age" || "name"} to {age() || name()}
</p>
</>
);
}
5 Replies
exercise
exerciseOP4mo ago
is there a way to create something like a memo that returns age or name depending on which was most recently updated?
Madaxen86
Madaxen864mo ago
I‘d say you‘ll need an additional signal which you set in any input change. Note that in Solid you may use the onInput event.
Madaxen86
Madaxen864mo ago
Solid Playground
Quickly discover what the solid compiler will generate from your JSX template
zulu
zulu4mo ago
Solid Primitives
A library of high-quality primitives that extend SolidJS reactivity
exercise
exerciseOP4mo ago
very cool!

Did you find this page helpful?