Question

例如：我有2个组件。组件1具有内联样式。组件2使用CSS文件中的样式。两个组件在同一个渲染中同时出现在屏幕上。

从内存样式生成的React生成的CSS是否与CSS文件中的样式存储在DOM中的相同位置？

当从DOM中删除具有这些内联样式的组件时，是否从该位置删除了React生成的样式？

Answer 1

我假设当你说＆＃34;内联样式＆＃34;时，你的意思是：

<span style={{ color: 'red' }}>Hello, World!</span>

在这种情况下，风格不会被提升为css。它作为html的一部分呈现。结果是：

<span style="color: red;">Hello, World!</span>