React
प्रतिक्रिया में कुंजी

परिचय

टिप्पणियों

किसी तत्व की आईडी का उपयोग करना

यहां हमारे पास todo आइटमों की एक सूची है जो हमारे घटक के प्रॉपर को पास की जाती है।

प्रत्येक टूडू आइटम में एक टेक्स्ट और आईडी प्रॉपर्टी होती है। कल्पना करें कि आईडी प्रॉपर्टी एक बैकएंड डेटास्टोर से आती है और यह एक विशिष्ट संख्यात्मक मान है:

todos = [
  {
    id: 1,
    text: 'value 1'
  },
  {
    id: 2,
    text: 'value 2'
  },
  {
    id: 3,
    text: 'value 3'
  },
  {
    id: 4,
    text: 'value 4'
  },
];

हम प्रत्येक पुनरावृत्त सूची तत्व की मुख्य विशेषता को todo-${todo.id} ताकि प्रतिक्रिया इसे आंतरिक रूप से पहचान सके:

render() {
  const { todos } = this.props;
  return (
    <ul>
      { todos.map((todo) =>
        <li key={ `todo-${todo.id}` }>
          { todo.text }
        </li>
      }
    </ul>
  );
}

सरणी सूचकांक का उपयोग करना

यदि आपके पास अद्वितीय डेटाबेस आईडी नहीं हैं, तो आप इस तरह से अपने सरणी के संख्यात्मक सूचकांक का भी उपयोग कर सकते हैं:

render() {
  const { todos } = this.props;
  return (
    <ul>
      { todos.map((todo, index) =>
        <li key={ `todo-${index}` }>
          { todo.text }
        </li>
      }
    </ul>
  );
}