反應子對帳查詢

我正在閱讀React文檔，並且我有以下兩項有關子對帳的問題。反應子對帳查詢

下面的鏈接指出，當兒童被刪除，而不是刪除他們，他們可以隱藏顯示設置爲'無'。具體的句子是：「在大多數情況下，這可以通過隱藏元素而不是銷燬它們來回避」

誰應該避開？ React會自動執行還是程序員不得不向React框架指示將顯示樣式設置爲「無」而不是重用它？

（鏈接：https://facebook.github.io/react/docs/multiple-components.html#stateful-children）

下面的鏈接說，在重新排序的兒童的情況下，發生反應可以通知，以避免不必要的節點通過分配密鑰以每個子刪除。但是，這些鍵應該分配給組件而不是HTML容器。但在此之前的示例顯示在此情況下將密鑰分配給<li>的HTML容器。我在這裏錯過了什麼？

（鏈接：https://facebook.github.io/react/docs/multiple-components.html#dynamic-children）

來源

2015-06-20 Methos

這是對程序員的部分明確。你應該程序中的組件設置動感風格隱藏元素，如果你想這種行爲，按照這個例子：

// Render Pass 1 
<Card> 
    <p>Paragraph 1</p> 
    <p>Paragraph 2</p> 
</Card> 

// Render Pass 2 
<Card> 
    <p style={{display: 'none'}}>Paragraph 1</p> 
    <p>Paragraph 2</p> 
</Card>

你應該把key從map返回的頂級元件或部件上功能。在這個例子中，它的li：

{results.map(function(result) { 
    return <li key={result.id}>{result.text}</li>; 
})}

在這個例子中，它是呈現的li的組件。

{this.props.results.map(function(result) { 
    return <ListItemWrapper key={result.id} data={result}/>; 
})}

來源

2015-06-20 23:42:17

反應子對帳查詢

回答

相關問題