當用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 
    }) 
},