封装子组件时，onClick属性的定义注意点：
观点1：有2个父组件，第一个传了onClick，第二个不传，点击第二个时，执行了第一个的onClick（这个是错误的）
// 子组件
import React from 'react'
const Demo = (props) => {
const { onClick } = props
return (
<div onClick={onClick} style={{
border: '2px solid red'
}}>
<h4>I am title</h4>
<div>I am content</div>
</div>
)
}
export default Demo
// 父组件
<Button onClick={() => {
console.log('1')
}}></Button>
<Button></Button>
实际上，不传onClick，点击就无效，如图：
封装子组件时，onClick属性的定义注意点：观点1：有2个父组件，第一个传了onClick，第二个不传，点击第二...
关键词: slot 注意:组件中继续封装子组件
点击子组件触发父组件的方法 == onClick={ ()=> this.props.clickName() } ...
组件内部自我沉默全局封装 Button 组件，接受一个 onClick 属性，本身有一个自己内部的 selfDis...
vue3 中对 dialog 封装 子组件 父组件
Dropdown组件 自己封装的一个简单的dropdown的组件 在页面中使用 级联事件的响应 相关注意点 指令绑...
1、Vue.js中封装Echarts图表组件 2、父组件向子组件传值 3、子组件监听数据变化，更新图表
需求：实现上图表单，封装成组件实现过程：1.子组件：Child 2.父组件使用Child组件 实战： 子组件：Re...
封装二维码弹窗组件时候遇到操作props的问题 子组件 父组件
注意大小写、注意大小写、注意大小写 类组件的事件绑定 上面代码为最安全的写法，传一个函数给 onClick 即可，...
本文标题：封装子组件onClick注意点
本文链接：https://www.haomeiwen.com/subject/lnlzmqtx.html
网友评论