如何在类组件中设置zustand状态

npm install zustand

// store.js
import create from 'zustand';

const useStore = create(set => ({
  count: 0,
  increase: () => set(state => ({ count: state.count + 1 })),
  decrease: () => set(state => ({ count: state.count - 1 })),
}));

export default useStore;

// MyClassComponent.js
import React from 'react';
import { connect } from 'zustand';
import useStore from './store';

class MyClassComponent extends React.Component {
  componentDidMount() {
    this.props.increase(); // 增加计数
  }

  render() {
    const { count, increase, decrease } = this.props;
    return (
      <div>
        <h1>Count: {count}</h1>
        <button onClick={increase}>Increase</button>
        <button onClick={decrease}>Decrease</button>
      </div>
    );
  }
}

const mapStateToProps = (state) => ({
  count: state.count,
  increase: state.increase,
  decrease: state.decrease,
});

export default connect(mapStateToProps)(MyClassComponent);