Web Learn Note

置顶黃建榮

已于 2022-04-17 18:48:04 修改

阅读量647

点赞数

分类专栏： Computer 文章标签：学习

于 2022-04-16 23:21:18 首次发布

本文链接：https://blog.csdn.net/ispriatiom_h/article/details/124222849

版权

Computer 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

前端的一些只是

TypeScript （JavaScript）

React 部分

React - Demo

`createElement`

function render(element, container) {
	dom = 
		element.type === 'TEXT_ELEMENT' ?
		document.createTextNode('') :
		document.createElement(element.type)
	
	const isProperty = key => key !== 'children'
	Object.keys(element?.props).filter(isProperty)
			.forEach(name => dom[name] = element.props[name])
	
	element?.props?.children?.forEach(child => render(child, dom)

	container.appendChild(dom)
}