Reactjs 当模式弹出窗口关闭页面上的刷新项时作出反应

嗨，我使用react引导模式。在我的页面上有一个

组件，它列出了类别。我在它附近有一个Add+按钮。单击“添加”时，我会在模式中打开

组件。当我添加类别时，我调用close方法，它更新

isDataChangeKey

值并将其传递给

selectList

selectList

检查值，如果需要，使用ajax调用刷新并填充数据。我想我这样做很难。有什么简单的方法可以做到这一点吗

我的方式：

初始状态：

getInitialState:function（）{
初始值={
“isDataChangeKey”：0
};
返回首字母；
},

主页：

句柄弹出关闭：

handlePopupClose:函数（popUpName）{
var=这个；
如果（popUpName==“类别”）{
this.setState（{“isDataChangeKey”：this.state.isDataChangeKey+1}）；
控制台日志（“模式关闭”）；
}

在“选择组件”中：

componentWillUpdate:function（nextrops，nextState）{
if（nextrops.dataStateKey！=this.props.dataStateKey）{
这是getAjaxData（）；
}
},

尝试将其放入JSFIDLE以获得更好的反馈。