Динамична стойност на проп в реакция?

Искам динамична проп стойност за реакция. Вече имам списък с плодове, но моята стойност на проп трябва да е Fruits[0] + ‘prop’

Например: ApplesProp

index.js

const ApplesProp = { Name: "Green", Age: 34 }
const Fruits = ["Apples", "Pears", "Oranges"]
<App prop={dynamic-fruit+'Prop'} />

Опитах

<App prop={Fruits[0]+'Prop'}/>

но това води до предаване на низа: „ApplesProp“, а не на обекта ApplesProp (т.е. име: зелен, възраст: 34).

— — — — — — — — Отговор 1 — — — — — — — — —

За да изпълните горната задача, трябва да създадете обект с плодове като ключове и подпори като стойности

const AppleProps = {Name : "Green }
const Fruits = {"Apples", "Banana"}
const FruitsAndProps = {
 Apples: AppleProps
}

— — — — — — — — Отговор 2— — — — — — — — —

Трябва да помислите за предаване на вашия динамичен низ вътре в backticks =› `` вместо в кавички и да използвате метода eval(), за да преобразувате низа си в променлива (така че IDE да знае, че препращате към променлива, а не към низ). Резултатът трябва да изглежда така:

const ApplesProp = { Name: "Green", Age: 34 }
const Fruits = ["Apples", "Pears", "Oranges"]
console.log(eval(`${Fruits[0]}Prop`))
//the console returns an object. so passing it through props should be fine.
<App prop={eval(`${Fruits[0]}Prop`)}/>

Въпреки че има по-чисти начини за решаване на това, тъй като не искам да се забърквам с вашата логика, измислих горния код.

Моля, запишете всяка по-добра идея