add docs about mixed keys
This commit is contained in:
parent
9d5f686bbd
commit
a89e8cd405
3 changed files with 27 additions and 3 deletions
27
docs/keys.md
27
docs/keys.md
|
|
@ -3,7 +3,6 @@
|
||||||
- [What are keys](#what-are-keys)
|
- [What are keys](#what-are-keys)
|
||||||
- [How to use](#how-to-use)
|
- [How to use](#how-to-use)
|
||||||
- [Debugging key related issues](#debugging-key-related-issues)
|
- [Debugging key related issues](#debugging-key-related-issues)
|
||||||
- [Avoid anti-patterns](#avoid-anti-patterns)
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
@ -152,3 +151,29 @@ var things = [
|
||||||
]
|
]
|
||||||
```
|
```
|
||||||
|
|
||||||
|
#### Avoid mixing keyed and non-keyed vnodes in the same array
|
||||||
|
|
||||||
|
An array of vnodes must have only keyed vnodes or non-keyed vnodes, but not both. If you need to mix them, create a nested array.
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
// AVOID
|
||||||
|
m("div", [
|
||||||
|
m("div", "a"),
|
||||||
|
m("div", {key: 1}, "b"),
|
||||||
|
])
|
||||||
|
|
||||||
|
// PREFER
|
||||||
|
m("div", [
|
||||||
|
m("div", {key: 0}, "a"),
|
||||||
|
m("div", {key: 1}, "b"),
|
||||||
|
])
|
||||||
|
|
||||||
|
|
||||||
|
// PREFER
|
||||||
|
m("div", [
|
||||||
|
m("div", "a"),
|
||||||
|
[
|
||||||
|
m("div", {key: 1}, "b"),
|
||||||
|
]
|
||||||
|
])
|
||||||
|
```
|
||||||
|
|
|
||||||
|
|
@ -918,7 +918,6 @@ var _11 = function($window) {
|
||||||
renderService.setEventCallback(function(e) {
|
renderService.setEventCallback(function(e) {
|
||||||
if (e.redraw !== false) redraw()
|
if (e.redraw !== false) redraw()
|
||||||
})
|
})
|
||||||
|
|
||||||
var callbacks = []
|
var callbacks = []
|
||||||
function subscribe(key1, callback) {
|
function subscribe(key1, callback) {
|
||||||
unsubscribe(key1)
|
unsubscribe(key1)
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue