WeChat アプレット wx:key の詳細な紹介

WeChat アプレット wx:key を勉強していたとき、何が起こっているのかよくわかりませんでしたが、オンラインで情報を確認した後、次のように整理しました。

個人的には、公式の例はあまり明確ではないように感じます。公式の説明は次のとおりです。

wx:キー

リスト内の項目の位置が動的に変更されるか、新しい項目がリストに追加され、リスト内の項目が独自の特性とステータス (、< の入力コンテンツなど) を維持する必要がある場合。 ;switch/> 選択状態)、wx:key を使用してリスト内の項目の一意の識別子を指定する必要があります。

wx:key の値は 2 つの形式で提供されます

文字列は、for ループの配列内の項目のプロパティを表します。プロパティの値はリスト内の唯一の文字列または数値である必要があり、動的に変更することはできません。

予約キーワード *this は、for ループ内の項目自体を表します。この表現では、項目自体が一意の文字列または数値である必要があります。

データの変更によりレンダー レイヤの再レンダリングがトリガーされると、キーを持つコンポーネントが修正され、フレームワークはグループが確実に再作成されるのではなく再順序付けされるようにします。

ウィジェットは独自の状態を維持し、リストのレンダリングの効率を向上させます。

wx:key が指定されていない場合、リストが静的であることが明確にわかっている場合、またはリストの順序に注意を払う必要がない場合は、警告を無視することを選択できます。

サンプルコード:

リーリー

これは私の個人的な理解です。間違っている点があれば修正していただければ幸いです。例として、wx:key がない場合は、ボタンの 1 つを選択するときにその順序を変更します。またはオプションを追加すると、ボタンは前のボタンに続いて順序を変更せず、wx:key がある場合はその逆になり、リストなどに適しています。順序を変更したり項目を追加したりできるタグ。

読んでいただきありがとうございます。これが皆さんのお役に立てば幸いです。そしてこのサイトへのサポートに感謝します。

WeChat アプレット wx:key の詳細な紹介と関連記事については、PHP 中国語 Web サイトに注目してください。