当用React.s点击内容时，请勿关闭模式

Question

我创建了一个简单的反应模式，但是当我点击模态内容时，它也会关闭它。

我有一个类modal_wrapper的包装div当模式打开，当我点击这个div模式中的任何地方关闭，改变身体的背景。

但是，当我点击modal_content div的任何位置时，模式也会关闭。

我如何停止关闭模式当我点击里面modal_content股利？

JSDFIDDLE

Answer 1

你需要停下单击事件传播。 在dont_close_modal函数中，捕获click事件，然后您可以像这样停止传播。

dont_close_modal:function(e) { 
    e.stopPropagation() 
    this.setState({ 
    open_modal:true 
    }) 
},