封装子组件onClick注意点

共计 365 个字符，预计需要花费 1 分钟才能阅读完成。

封装子组件时，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，点击就无效，如图: