React源码解析之createElement和render方法
import React from 'react';
import ReactDOM from 'react-dom';
// 创建一个简单的React元素
const element = React.createElement('h1', {id: 'greeting'}, 'Hello, world');
// 渲染这个元素到DOM中的某个容器
ReactDOM.render(element, document.getElementById('root'));
这段代码首先导入了React和ReactDOM。然后使用React.createElement
创建了一个包含文本的h1
元素。最后,使用ReactDOM.render
方法将这个元素渲染到页面上ID为root
的DOM节点。这个过程展示了如何在React中创建和渲染一个简单的元素,是学习React基础的好例子。
评论已关闭