Я изучаю React, и я наткнулся на эту причуду с "динамическими детьми".
Преамбула с примером кода:
// Render Pass 1
<Card>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
</Card>
// Render Pass 2
<Card>
<p>Paragraph 2</p>
</Card>
Во втором проходе render()
кажется, что работа vdom отличается тем, что он удаляет второго ребенка, а затем преобразует текст в первом, чтобы сказать "Параграф 2.", Это быстро, но вы увидите странные вещи, если вам нужно состояние, чтобы продолжать говорить... второй ребенок!
So React предлагает использовать "key" для этих тегов. Теперь vdom diffing будет неожиданным, и вы увидите, что состояние сохраняется в renders()
.
Мой вопрос: есть ли способ заставить React установить "ключи" самостоятельно, а не делать это так, как они предлагают?