小伙伴们好！今天咱们来深入了解下React里的两个重要知识点：JSX和React事件。不啰嗦了，赶紧进入正题！

JSX在React里可重要！Python也能用它做HTML网页，还能和JavaScript混搭使用~但记住，有JavaScript的地方要用大括号括起来。你知道为什么吗？快来猜猜看！

const user = {
 firstName: 'Harper',
 lastName: 'Perez'
};
const element = (    //将JSX语句保存在变量中
 

  Hello, {formatName(user)}!  {/* {}中写js语句*/}
 
);

ReactDOM.render(
 element,        //通过JSX变量渲染react节点
 document.getElementById('root')
);

摸清楚了吗？这啥JSX，不过就是JavaScript对象罢了。看，随心所欲地给它加上数据，或者当做参数给别人，多酷这么一来，咱们编写React代码时就轻松愉快~

const element = 
;
const element = ;

咱们聊聊属性那事儿！在JavaScript专用格式（JSX）里跟HTML有点像，你能用字符串属性或者是表达式属性。但记好了取名可别乱来，得大小写混着来，就是那种所谓的“小驼峰式”，不然就跟HTML的属性名字搞不清楚了呗。

你可得知道，HTML和JAVASCRIPT中的关键词使用不太一样。比如那个叫做class的东西，到了Javascript里我们就要换成className。别弄混了再有就是说那个{{color:red}}，看似简单的属性值，实则是要输出个对象。看，开头的花括弧告诉我们这是给某个变量用的JS指令，末尾的两对花括弧裹住的，可是整个执行结果变成的JS Object。

const ele= 
Red Color

嵌套别漏了如果是用“关上门”的方式写JSX，记得结尾要打个”/”。还有呐，如果有好几个JSX标签，就用个div围起来，不然容易报错喔~

const ele=
Red
     //会报错
const ele= 
Red

咱们接着聊注释，记清楚，用 jsx 写注释的时候得加小心！直接放在下一行，然后再加个花括号括起来哟。这样就不会被当成文本混过去喽。不要忘了~{/*注释 */}

聊得有点多？觉得头昏脑涨吗？别担心，我来帮你归纳一下。想成为React高手，得先学会JSX和React事件。搞定它们以后，写React代码就像过家家那么简单，你的编程技巧也能进步飞速

好，就到这里咯！希望我给你讲的有帮助。如果还想了解啥子，就快讲！别忘了点个赞、分享给朋友们让大家都能受益。谢谢你们这么支持我！

const element = ;

const element = (
 

  
Hello!
  
Good to see you here.
 
);