@AlexWeb6667
Web-дизайнер с опытом FullStack разработки

Как сократить передачу пропсов в компонент?

Всем привет, только начинаю осваивать реакт. Любитель рефакторить код. Не подскажете как можно сократить подобную запись?

function MyComponentItem({items}) {
      return (...)
   }
   function MyComponent({items}) {
       return (<div> 
         { <MyComponentItem items={items}  /> }
       </div>)
   }


Конкретно не нравится
<MyComponentItem items={items} />

Можно как то типа
<MyComponentItem {items} />
или
<MyComponentItem {{items}} />
ну или что-то похожее в духе деструктуризации. Не подскажите?
  • Вопрос задан
  • 134 просмотра
Решения вопроса 1
@AlexWeb6667 Автор вопроса
Web-дизайнер с опытом FullStack разработки
В итоге пришел к такому, удобно если пропсов больше одного. Но я так понимаю лишняя операция происходит, создание объекта и его деструктуризация, не тестил как это на перфоменс влияет
function MyComponentItem({items, settings, itemWidth}) {}

    <MyComponentItem {...{items, settings, itemWidth}}  />
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Kirillsp1982
Привет! Попробуй так, должно работать:<MyComponentItem {...items} />
P.S. Кстати, это передаст все элементы объекта items из пропса.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы