陣營打字稿裁判返回NULL在有條件的渲染

Question

我想用陣營裁判，它的工作原理罰款靜態渲染，如：

<footer ref="ftr"></footer> 

但是，在條件呈現不，如：

{footer ? 
    <footer ref="ftr"></footer> 
: null} 

當我打電話給ReactDOM.findDOMNode(this.refs.ftr);時，第一種方式返回元素（罰款），但第二種返回給我undefined。

如何在條件渲染中做正確的方法？任何答案將不勝感激。

Answer 1

你不應該使用字符串裁判書面in the docs：

我們反對這樣做，因爲串裁判有一些問題，是 視爲遺產，並有可能在未來 版本

之一被刪除

你可以這樣做：

let footerElement: HTMLElement | null = null; 
... 
{footer ? 
    <footer ref={ el => footerElement = el }></footer> 
: null} 
... 
if (footerElement != null) { 
    ... 
}