小编Rut*_*ger的帖子

我在react.js上相当新,所以非常感谢任何帮助.

我有这个:http://jsfiddle.net/rzjyhf91/

其中我制作了2个组件:图像和按钮.

目标是通过单击按钮删除图像,我用unmountComponentAtNode它,但它不起作用:

var App = React.createClass({
  render: function() {
    return (
    <div><MyImage /><RemoveImageButton /></div>
    );
  }
});

var MyImage = React.createClass({
  render: function() {
    return (
      <img id="kitten" src={'http://placekitten.com/g/200/300'} />
    );
  }
});

var RemoveImageButton = React.createClass ({
  render: function() {
    return (
      <button onClick={this.handleClick}>remove image</button>
    )
  },
  handleClick: function(){
    React.unmountComponentAtNode(document.getElementById('kitten'));   
  }
});

React.render(<App />, document.body);

如何从其他组件中删除反应组件？