import React from "react";
import ReactDOM from "react-dom/client";
function C1(props) {
return (
<div onClick={props.p1}>DIV</div>
)
}
function C0(props) {
return (
<C1 p1={props.pClick} />
)
}
class Main extends React.Component {
render() {
return (
<>
<C0 pClick={i => console.log(i)} />
<C1 />
</>
)
}
}
ReactDOM.createRoot(document.getElementById('root')).render(<Main />)
我在compnent上写了个onClick 怎么点都没有反应。
compnent 上的属性,都是props,如果有个属性叫 onClick 也仅仅是属性名叫onClick而已,点击不会有反应。
只有DOM上的onClick才会在click时被触发。想想也是,最后展现的html都是DOM又没有compnent.