Reactコンポーネント開発小記(一)——コンポーネントのkey

1592 ワード

    2017   ,     jQuery,       React   。       ,         ,    ,     ,                 ,          。                ,               。                 ,       。         ,                ,   。

      React    ,   Redux。                  。    Es6  React  ,    AntDesign。

(一)コンポーネントのkey.
“ Warning:Each child in an array or iterator should have a unique "key" prop. Check the render method of `App`. See https://fb.me/react-warning-keys for more information.”
                  React      。      ,    React      “key”    。                   map  ,          。 React   ,             key 。
              ,    key。         map        index     key。            。   key                     key(            Id,key       ,    )。
           ?
         ,           key 。React         key        ,  key   ,React      ,       。
     key  ,         , react          ;        。 key   , react      ,      。     index  key ,  index                ,           ,           ,React       ,       ,       。
               key ,React   key            ,          。

    React diff    tree diff,component diff element diff。 element diff    ,  key      。
              ,React diff        ,   :  、      。
         key,          :A、B、C,            :B、C、A,          ,   B !== A,   B     ,      A;    ,     C、A,   B、C。
          ,           。              。
  key  ,   key                  ,                 ,            。    B C   A   。
       key          ,   React      。
  
         React     :   ,   。