让我们深入一个简单的例子,其中一个render函数是实用的。假设你想要生成锚定标题:
<aname="hello-world"href="#hello-world">Helloworld!
我们调用ReactDOM.render()改变呈现的输出:
functiontick(){constelement=( 例如,用JSX编写的这段代码:
classHelloextendsReact.Component{render(){return 要将React元素渲染到根DOM节点中,请将两者传递给ReactDOM.render():
constelement= 没有ES6的反应
通常你会将一个React组件定义为一个普通的JavaScript类:
classGreetingextendsReact.Component{render(){returnHello,world!
Shallow Renderer
React Without JSX
Conditional Rendering
Portals
Rendering Elements
Hello,world
;ReactDOM.render(elementIntegrating with Other Libraries
React Without ES6
Hello
Props

扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059
粤公网安备44030502008569号
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号
