react封装组件问题1----父子组件传参

今天封装了一个组件，发现在引用的时候，绑定点击事件，当点击的时候，事件没有触发，原因是没有处理好点击事件，在封装组件的时候，尽量要避免使用到子向父传递参数，

<CardPreview
    icon={previewSmsIcon}
    message="短信模版预览"
    onClick = {() => this.showTemplatePreviewModel(1)}
/>

这是父组件，

这是子组件，

当父组件触发onClick事件的时候，子组件通过props进行接受，在div上面触发点击事件，所以当父组件进行点击事件的时候，div也就得到了触发，另外也可以绑定hadleClick事件进行父子组件传参：子向父进行参数传递，

父组件中这样接受参数

 

 但是封装组件的时候，不建议子向父进行参数传递。