React学习之JSX与react事件实例分析

网络编程 2021-07-04 15:02www.168986.cn编程入门

这篇文章主要介绍了React学习之JSX与react事件,结合实例形式分析了React中JSX表达式、属性、嵌套与react事件相关使用技巧,需要的朋友可以参考下

本文实例讲述了React学习之JSX与react事件。分享给大家供大家参考，具体如下

1、JSX

在React中使用JSX来描述HTML页面，而且可以与js混合使用，使用JavaScript表达式时要将表达式包含在大括号里

const user = {
 firstName: 'Harper',
 lastName: 'Perez'
};
const element = (    //将JSX语句保存在变量中
 <h1>
  Hello, {formatName(user)}!  {/ {}中写js语句