使用 React.s 单击内容时不要关闭模式答案

【问题标题】：Don't close the modal when click on content with React.s使用 React.s 单击内容时不要关闭模式
【发布时间】：2017-01-23 14:40:27
【问题描述】：

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

我有一个带有 modal_wrapper 类的包装器 div，当模式打开并且当我单击此 div 模式中的任何位置关闭时，它会更改正文的背景。

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

当我在modal_content div 内部单击时如何停止关闭模式？

JSDFIDDLE

【问题讨论】：

【解决方案1】：

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

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

【讨论】：