javascript — динамически передавать реквизиты, используя машинопись ENUM

Динамически передавать реквизиты с использованием машинописи ENUM

Я начал изучать машинопись, используя React, поэтому пытался создавать сценарии для практики по мере продвижения вперед.

 export enum Colors { Blue = "#0000FF", Red= "#FF0000", Green = "#00FF00", } export const ColorComponent React.FC{amp}lt;props{amp}gt; = ((props): JSX.Element ={amp}gt; { // props will receive dynamically one of the options (Blue, Red or Green) return ( {amp}lt;div className="container"{amp}gt; {amp}lt;BackGroundColor Color={} /{amp}gt; {amp}lt;/div{amp}gt; } 

Можно ли получить броски реквизита цвета, props.myColor, как я могу вставить myColor в компонент BackGroundColor, используя Typescript Colors.Blue, например, где синий цвет должен исходить от реквизита.

Если я передаю Colors.Blue, это работает, но как отправить другие варианты.

Цель состоит в том, чтобы получить цветную метку и динамически установить цвет в фоновый компонент.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector