React学习之JSX与react事件实例分析
编程学习 2021-07-04 15:02www.dzhlxh.cn编程入门
这篇文章主要介绍了React学习之JSX与react事件,结合实例形式分析了React中JSX表达式、属性、嵌套与react事件相关使用技巧,需要的朋友可以参考下
本文实例讲述了React学习之JSX与react事件。分享给大家供大家参考,具体如下:
1、JSX
1.1、表达式
在React中使用JSX来描述HTML页面,而且可以与js混合使用,使用JavaScript表达式时要将表达式包含在大括号里
const user = { firstName: 'Harper', lastName: 'Perez' }; const element = ( //将JSX语句保存在变量中 <h1> Hello, {formatName(user)}! {/* {}中写js语句*