我想在Flux中动态添加对象

// actions.js
const ActionTypes = {
  ADD_OBJECT: 'ADD_OBJECT'
};

function addObject(object) {
  return {
    type: ActionTypes.ADD_OBJECT,
    payload: object
  };
}

module.exports = {
  addObject
};

// stores.js
const EventEmitter = require('events').EventEmitter;
const Dispatcher = require('./dispatcher');
const ActionTypes = require('./actions').ActionTypes;

class ObjectStore extends EventEmitter {
  constructor() {
    super();
    this.objects = [];
  }

  getAllObjects() {
    return this.objects;
  }

  handleActions(action) {
    switch (action.type) {
      case ActionTypes.ADD_OBJECT:
        this.objects.push(action.payload);
        this.emit('change');
        break;
      default:
        break;
    }
  }
}

const objectStore = new ObjectStore();
Dispatcher.register(objectStore.handleActions.bind(objectStore));

module.exports = objectStore;

// dispatcher.js
const Dispatcher = require('flux').Dispatcher;

module.exports = new Dispatcher();

// view.js
const React = require('react');
const ReactDOM = require('react-dom');
const objectStore = require('./stores');
const { addObject } = require('./actions');

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      objects: objectStore.getAllObjects()
    };
    this.handleChange = this.handleChange.bind(this);
  }

  componentDidMount() {
    objectStore.on('change', this.handleChange);
  }

  componentWillUnmount() {
    objectStore.removeListener('change', this.handleChange);
  }

  handleChange() {
    this.setState({
      objects: objectStore.getAllObjects()
    });
  }

  handleClick() {
    const newObject = { id: Date.now(), name: 'New Object' };
    addObject(newObject);
  }

  render() {
    return (
      <div>
        <button onClick={this.handleClick}>Add Object</button>
        <ul>
          {this.state.objects.map(obj => (
            <li key={obj.id}>{obj.name}</li>
          ))}
        </ul>
      </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById('app'));