如何删除被点击的Widget？

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      widgets: ['Widget 1', 'Widget 2', 'Widget 3'],
    };
  }

  handleWidgetClick(widgetId) {
    this.setState(prevState => ({
      widgets: prevState.widgets.filter(widget => widget !== widgetId),
    }));
  }

  render() {
    return (
      <div>
        {this.state.widgets.map(widget => (
          <div key={widget} onClick={() => this.handleWidgetClick(widget)}>
            {widget}
          </div>
        ))}
      </div>
    );
  }
}

<div *ngFor="let widget of widgets" (click)="handleWidgetClick(widget)">
  {{ widget }}
</div>

class MyComponent {
  widgets: string[] = ['Widget 1', 'Widget 2', 'Widget 3'];

  handleWidgetClick(widgetId: string) {
    this.widgets = this.widgets.filter(widget => widget !== widgetId);
  }
}

<div v-for="widget in widgets" @click="handleWidgetClick(widget)">
  {{ widget }}
</div>

new Vue({
  el: '#app',
  data: {
    widgets: ['Widget 1', 'Widget 2', 'Widget 3'],
  },
  methods: {
    handleWidgetClick(widgetId) {
      this.widgets = this.widgets.filter(widget => widget !== widgetId);
    },
  },
});