React组件内部的组件-不继承属性

Question

我正在使用react来创建建议列表下的按钮。建议列表显示在组件“纸张”中，而按钮在组件“ SimpleModalWrapped”中。

renderSuggestionsContainer={options => (
          <Paper {...options.containerProps} square>
              {options.children}
              {options.children ?
                  (<SimpleModalWrapped/>)
                      :
                  null
              }
          </Paper>
      )}

SimpleModalWrapped是从本地文件导入的组件。它具有所有手柄单击功能。但是，当我尝试单击简单的模态ui时，它没有触发点击功能。发生了什么，我该如何更改？

点击here，查看我损坏的应用。 您将看到“打开模态”按钮和如果您键入“ r”出现的按钮是相同的组件，但不会触发相同的模态。