react学习(一)——jsx基础

本文介绍React结合ES6语法及JSX模板的使用方法,详细解释如何通过React-DOM的render()方法将JSX元素渲染到界面上。并探讨JSX语法特性,包括在{}

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

react采用es6语法 ,使用jsx模板。推荐在jsx文件中体现用户界面,可能像拼接html标签的语法,看起来个人觉得不是很友好!

使用react-dom 的render()方法来加载到界面上:

import ReactDOM from 'react-dom';
let test = "hello world";
ReactDOM.render(
    <div>{test}</div>,
    document.getElementById('root')
);

在jsx模板中的{}内可以写js代码,变量,函数操作,表达式等

太多的和html差不多的,就可能属性名字不一样,具体的看教程:http://www.runoob.com/react/react-jsx.html

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值