2016-05-18 15 views
0

のパフォーマンスの向上は、私がが反応:キー

<div> 
    <div key="upper"> 
     ... 
    </div> 
    <div key="lower"> 
     ... 
    </div> 
</div> 

のような部分にキーを追加する必要がありますそれらのdiv sが配列から来ていないので、不足しているキー文句はありません反応するが、場合、私は疑問に思いました性能を上げる? 私はあまりコードが少ないためにそれらを持っていないと思います。

答えて

1

私が知る限り、パフォーマンスは向上しません。配列内のキーはそこにあり、Reactはキーが変更されていない限り要素全体が変更されないと見なすことができます。たとえば、配列を変更して古い値の一部を保持すると、Reactはおそらく古い要素のいくつかを再利用しようとします。

+0

パフォーマンスの向上は大きなリストの場合にのみ関連します。たとえば、最初のアイテムを削除します。キーを使用すると、反応はアイテムを再利用するほどスマートです(新しいアイテム1の内容を古いアイテム2の内容に変更するのではなく、最初のアイテムを削除するなど)。これを手動で(配列の代わりに)行うと、キーが何らかの違いを生ずるのに十分な長さにリストが長くなることはありません。 – wintvelt

関連する問題