Vaadin使用按钮添加/删除组件

import com.vaadin.flow.component.button.Button;
import com.vaadin.flow.component.html.Div;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.router.Route;

@Route("demo")
public class DemoView extends VerticalLayout {

    private Div componentContainer;

    public DemoView() {
        componentContainer = new Div();
        add(componentContainer);

        Button addButton = new Button("Add Component");
        addButton.addClickListener(e -> {
            // 创建一个新的组件
            Div newComponent = new Div();
            newComponent.setText("New Component");

            // 将新组件添加到容器中
            componentContainer.add(newComponent);
        });
        add(addButton);

        Button removeButton = new Button("Remove Component");
        removeButton.addClickListener(e -> {
            // 获取容器中的最后一个组件
            int lastIndex = componentContainer.getComponentCount() - 1;
            if (lastIndex >= 0) {
                // 从容器中移除最后一个组件
                componentContainer.remove(componentContainer.getComponentAt(lastIndex));
            }
        });
        add(removeButton);
    }
}