react--React Event

React Event

在react中,我们想要给组件的dom添加事件的话,也是需要在行内添加的方式,事件名字需要写成小驼峰的方式,值利用表达式传入一个函数即可。(原生的事件全是小写onclick, React里的事件是驼峰onClick

注意,在没有渲染的时候,页面中没有真实dom,所以是获取不到dom的

给虚拟dom结构中的节点添加样式。在行内添加,写成驼峰形式,值是一个函数名,需要用 { } 包裹

class App extends React.Component {
	handleClick(){
		alert(1)
	}
    render () {
        return (
                <div className='app' id='appRoot'>
                    <h1 className='title'>欢迎进入React的世界</h1>
                    <p onClick={this.handleClick}>
                    	React.js 是一个构建页面 UI 的库
                    </p>
                </div>
            )
        }
}
ReactDOM.render(<App/>,document.getElementById("box"))
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值