Javascript 如何在famo.us中关闭视图并显示另一个视图

我有一个由不同曲面组成的视图，我希望我的应用程序通过单击第一个视图上的按钮关闭此视图并显示另一个视图，但我不知道如何关闭第一个视图

这是我的代码：

   var Engine = require('famous/core/Engine');
var Surface = require('famous/core/Surface');
var View = require('famous/core/View');

var mainContext = Engine.createContext();

var myView = new View();
var SecondView=new View();
mainContext.add(myView);


var surface = new Surface({
  size: [100, 100],
  content: 'click me',
  properties: {
    color: 'white',
    textAlign: 'center',
    backgroundColor: '#FA5C4F'
  }
});
var surface2= new Surface({
  content:'hi',
  size:[100,100],
  properties:{
    backgroundColor:'pink'
  }
});

myView.add(surface);
SecondView.add(surface2);

surface.pipe(myView);



surface.on('click',function(){
 mainContext.add(SecondView)

});

surface2.on('click',function(){
 mainContext.add(myView)

});

---

现在，它第一次起作用了！它从“我的视图”转到“第二视图”，然后它会返回，但是如果你第二次单击曲面，它将无法工作！我觉得我应该删除myView，然后显示SecondView，这样它才能工作，但我不知道怎么做

我希望您使用一个单独的曲面作为示例，而不是在实践中实际制作视图。使用渲染控制器显示和隐藏视图

        var renderer = new RenderContoller;
        var currentPage;

        var showPage1 = function() {
            var Page1View = require('Views/Page1View');
            currentPage = new Page1View();
            renderer.show(currentPage);

            currentPage.on('linkClick', function(){
                console.log('link was clicked');
                renderer.hide();
                currentPage = null;
                showPage2();
            });

        };

showPage1内的曲面具有以下特性：

            page = this;
            component.on('click', function(){
                page._eventOutput.emit('linkClick');
            });

---

如果您不理解上面的任何内容，请询问我，我会尝试进一步解释。

您有任何代码可以向我们展示吗？到目前为止你得到了什么？@SAMTHEMAN999我添加了我的代码！：）