Блог

Я пытаюсь перейти от ручек к элементам управления, и у меня возникают проблемы с вложенными объектами.

В качестве примера, допустим, у меня есть такой объект в качестве реквизита для компонента…

 object : {
 properties: {
   color: 'black',
   size: '1'
 }
}
  

Проект использует расширения .tsx для файлов рассказов, на данный момент многомерных выражений нет. Я попытался получить доступ к вложенным свойствам, подобным этому, чтобы настроить их управление…

 Card.argTypes = {
 object: {
  properties: {
   color: {control: {type: 'color'}},
   size: {control: {type: 'range', options:{min:1,max:5,step:1}}}
  }
 }
}
  

Но элемент управления остается полем объекта со всей полнотой JSON прямо там, что, согласитесь, неудобно для пользователя.

Есть ли способ получить доступ к объектам, чтобы предоставить контроль над их вложенными свойствами? Учитывая размер проекта, я не могу обойти все объекты и их реквизиты в компонентах.

Спасибо!

В настоящее время нет.

В настоящее время существует открытая проблема, связанная с выпуском 6.2.