import { createStore, produce } from "solid-js/store";
export function SolidComponent() {
const [solidStore, setSolidStore] = createStore({ a: "aaa", b: "bbb" });
function updateA() {
console.log("A");
setSolidStore((obj) => {
return { a: obj.a + "A", b: obj.b };
});
}
function updateB() {
console.log("B");
setSolidStore(produce((obj) => (obj.a += "B")));
}
return (
<>
Yoooo
<p>
from store - a: {solidStore.a} and b: {solidStore.b}
</p>
<button onClick={() => updateA()}>Press me A!</button>
<button onClick={() => updateB()}>Press me B!</button>
</>
);
}
import { createStore, produce } from "solid-js/store";
export function SolidComponent() {
const [solidStore, setSolidStore] = createStore({ a: "aaa", b: "bbb" });
function updateA() {
console.log("A");
setSolidStore((obj) => {
return { a: obj.a + "A", b: obj.b };
});
}
function updateB() {
console.log("B");
setSolidStore(produce((obj) => (obj.a += "B")));
}
return (
<>
Yoooo
<p>
from store - a: {solidStore.a} and b: {solidStore.b}
</p>
<button onClick={() => updateA()}>Press me A!</button>
<button onClick={() => updateB()}>Press me B!</button>
</>
);
}