通过onClick图像关闭material-ui对话框

Question

我试图添加一个可点击的图片来关闭一个material-ui对话框。 当我在对话框外单击但是onClick没有响应时，props.onRequestClose正常工作。

我错过了什么？

my.profile.property=DEV

Answer 1

我通过向Svg组件添加名为onClick的prop来解决它。 如果有人需要，这是Svg组件的代码：

class Svg extends Component{
render() {
    const {children, viewBox, onClick} = this.props;
    return(
        <div onClick={onClick}>
            <SvgIcon viewBox={viewBox}>
                {children}
            </SvgIcon>
        </div>
       )
    };
  }

Svg.propTypes = {
   children:PropTypes.any.isRequired,
   viewBox:PropTypes.string,
   onClick:PropTypes.function
 };

export default Svg;