Reactjs 在react Js的modalmanager上使用时，输入类型文件不工作

我正在使用react js，在一个模式框中，我有一个输入类型的文件，但当我点击它时，它并没有打开文件浏览窗口。 如果我把相同的语法放在模态框之外的其他地方，它就工作得很好

我们使用的是rubix ref：

导出默认类扩展React.Component{
getModal（）{
返回(
);
}
render（）
{
返回(
);
}
}
类MyModal扩展了React.Component{
建造师（道具）{
超级（道具）；
}
render（）{
}
}

您是否可以共享一些代码以提供一点上下文？您是否最终找到了解决方案？您是否可以共享一些代码以提供一点上下文？您是否最终找到了解决方案？

 export default class extends React.Component {
      getModal() {
        return (
            <MyModal Id={this.props.id}/>
       );
     }

    render()
    {
      return(
          <a href="#" onClick={ModalManager.create.bind(this, this.getModal())} onTouchEnd={ModalManager.create.bind(this, this.getModal())}>Click to open</a>
       );
    }
 }

 class MyModal extends React.Component {
     constructor(props) {
        super(props);
     }

     render() {
       <Form>
         <FormGroup>
           <Grid>
              <Row>
                <Col>
                  <input type='file' />   
                </Col>
             </Row>
           <Grid>
        </FormGroup>
     </Form>
   }
 }