调用React.unmountComponentAtNode，但无论我尝试什么，都返回false

Question

我对使用unmountComponentAtNode感到困惑，因为@chenglou说，我应该传递组件的容器而不是它的targetDOM。但是如果我有一个显示的父组件：

var Fruit = React.createClass({
    render:function(){
        return (
            <div id="fruit">
                <Apple></Apple>
                <Grapes></Grapes>
            </div>
        );
    }
});
var Apple = React.createClass({
    render:function(){
        return (
            <div>I am an apple ~</div>
        );
    }
});
var Grapes = React.createClass({
    render:function(){
        return (
                <div>I am grapes ~</div>
        );
    }
});
React.render(<Fruit />,document.getElementById('app'));

我想删除Apple组件但保留Grapes。我试着像这样使用unmoutComponentAtNode： React.unmountComponentAtNode（的document.getElementById（＆＃39;水果＆＃39;）） 但它仍然返回false.Ind document.getElementById（＆＃39; fruit＆＃39;）不是Apple的容器？