除了在JS中早已熟知的 document.getElementById() 方法外, 这段代码中还包含两个知识点:以 h1 标签包裹的JSX元素ReactDOM.render() 方法而这两个知识点则对应着...React中要解决的核心问题:为何以及如何使用(JSX表示的)虚拟DOM?...h1 className="title">Title );// babel编译结果(React17之前), 注意子元素的嵌套结构var e = React.createElement....同一类型的元素当元素的标签相同时, React保留此DOM节点, 仅对比和更新有改变的属性, 如className、title等, 然后递归对比其子节点.对于 style 属性, React会继续深入对比...key值.避免使用数组索引值作为 key, 因为当插入或删除元素后, 之后的元素和索引值的对应关系都会发生错乱, 导致错误的比对结果.避免使用不稳定的key(如随机数), 因为每次渲染都会发生改变, 从而导致列表项被不必要地重建