react学习随笔

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.