React js 移除第三方渲染的 html

Question

我有以下代码

<div id="parent">
<div id="dvWeather">
{
data && (
thirdparty.renderWeatherInfo(data,"dvWeather")
)
}
<div/>
</div>

它能做什么

<div id="parent">
<div id="dvWeather">
<div id="mtWeather">
other stuff
</div>
<div/>
</div>

因此，当它的数据具有价值时它正在工作，但是当我使用 state 将数据更新为 null 时，它会呈现但 dvWeather 的内容不会删除。

但是当我这样做时

<div id="parent">
<div id="dvWeather">
{
data && (
<h2>Hello</h2>
) 
}
<div/>
</div>

我可以看到数据不是 null h2 正在渲染，如果 null 则为空白

第三方正在使用 react react dom 在给定的 div 中渲染组件

我相信这是因为 dvWeather 已经由不同的 reactjs state 渲染，所以在我的项目中 state 无法删除它

可能是什么问题并解决它

谢谢

Answer 1

也许你可以试试这种方式

<div id="parent">
<div id="dvWeather">
{
data ? (
thirdparty.renderWeatherInfo(data,"dvWeather")
) : null
}
<div/>
</div>