import React from 'react'
import { useStore } from 'stook'

function Counter() {
  const [count, setCount] = useStore('Counter', 0)
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>Click me</button>
    </div>
  )
}

import React from 'react'
import { useStore } from 'stook'

function Counter() {
  const [count, setCount] = useStore('Counter', 0)
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>Click me</button>
    </div>
  )
}

function Display() {
  const [count] = useStore('Counter')
  return <p>{count}</p>
}

function App() {
  return (
    <div>
      <Counter />
      <Display />
    </div>
  )
}

Contributors

Stargazers

Forkers

czfshine zwe1 henryfordstick lgwebdream kubesphere kaitochen ngchikin

export const StoreKey = {
  a: 'a',
  b: 'b',
  c: 'c',
};

export type StoreKeyType = keyof typeof StoreKey;

useStore<StoreKeyType>('x', 0) // 这样就会报错，因为 x 不在 StoreKey 中

import * as React from "react";
import { render } from "react-dom";
import { useStore } from "stook";

function Display() {
  const [count] = useStore("Counter", 100);
  return <p>{count}</p>;
}


function Counter() {
  const [count, setCount] = useStore("Counter", 8);
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>Click me</button>
    </div>
  );
}

// 调整 Display Counter 的位置会得到不同的初始值
function App() {
  return (
    <div>
      <Display />
      <Counter />
    </div>
  );
}

const rootElement = document.getElementById("root");
render(<App />, rootElement);