فرض کن یک ابجکت داریم شامل یک سری property میشه ::

const style = {
  "text-red": "color-red",
  "text-blue": "color-blue",
  "text-orange": "color-orange",
};
console.log(style["text-blue"]);

برای به دست اوردن مقادیر value باید key‌ها رو فراخوانی کنیم و به صورت استاتیک هم هست یعنی مقادیر key ثابته و وابستگی نداره

اما حالا میخایم یکی از این key‌ها رو استاتیک کنیم وابستگی ایجاد کنیم به عملیات بیرونی ( که اینجا میایم از ورودی کاربر این مقدار رو میگیریم )

const userColor = window.prompt("enter color key ?");
const style = {
  "text-red": "color-red",
  "text-blue": "color-blue",
  userColor: "color-orange",
};
console.log(style[userColor]);

الان key اخر به صورت داینامیک در اومد و استاتیک نیست دیگه . و key بستگی به ورودی کاربر داره چی مینویسه به این شکل property‌ها داینامیک میگن

که داخل بخش ری اکت در نحوه کامپونت نویسی و همچنین ویو جی اس خیلی کاربرد داره