Lists & Keys

React မှာ array data ကို UI list အဖြစ်ပြဖို့ JavaScript ရဲ့ `map()` ကိုအသုံးပြုပါတယ်။ Blog posts, products, menu items, notifications, lessons စတဲ့ repeated UI တွေကို list rendering နဲ့တည်ဆောက်နိုင်ပါတယ်။

function TodoList() {
  const todos = [
    { id: 1, text: 'Learn React' },
    { id: 2, text: 'Build a project' },
    { id: 3, text: 'Deploy the project' }
  ];

  return (
    <ul>
      {todos.map(todo => (
        <li key={todo.id}>{todo.text}</li>
      ))}
    </ul>
  );
}

`todos.map()` က array ထဲက item တစ်ခုချင်းစီကို `

` element အဖြစ်ပြောင်းပေးပါတယ်။ `key={todo.id}` က React ကို item တစ်ခုချင်းစီကိုခွဲခြားသိစေပါတယ်။

Bullet list သုံးကြောင်း—Learn React, Build a project, Deploy the project—ပေါ်လာမယ်။