React JSX简介

最新推荐文章于 2023-11-07 10:37:49 发布

吃不胖的猫o(=^ェ^=)m

最新推荐文章于 2023-11-07 10:37:49 发布

阅读量127

点赞数

分类专栏： React 文章标签： reactjs javascript

本文链接：https://blog.csdn.net/Yueqin0512/article/details/113172917

版权

React 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JSX，一种 JavaScript 的语法扩展,JSX 就是用来声明 React 当中的元素

<style>
  .foo{
    color: red;
  }
</style>
<body>
	<div id="root"></div>
	<script type="text/babel"></script>
		const element = <h1 className="foo">Hello World!</h1>;
		ReactDOM.render(
		  element,
		  document.getElementById('root')
		);
	</script>
</body>

在添加属性时， class 属性需要写成 className ，for 属性需要写成 htmlFor ，这是因为 class 和 for 是 JavaScript 的保留字。

嵌套多个 HTML 标签，需要使用一个 div 元素包裹它

ReactDOM.render(
  <div>
    <h1>1111</h1>
    <h2>2222</h2>
    <p>哈哈哈哈</p>
  </div>,
  document.getElementById('root')
);

优惠劵

吃不胖的猫o(=^ェ^=)m

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
React JSX简介

JSX，一种 JavaScript 的语法扩展,JSX 就是用来声明 React 当中的元素<style> .foo{ color: red; }</style><body> <div id="root"></div> <script type="text/babel"></script> const element = <h1 className="foo">Hello Wor.
复制链接

扫一扫