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>

所以它是工作时，它的数据有价值，但当我更新的数据与状态为null，它呈现，但dvWeather的内容不删除。

但是当我这样做的时候

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

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

第三方正在使用react react dom来呈现给定div中的组件

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

可能的问题是什么，并解决它

感谢

Answer 1

也许你可以试试这个方法

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