@DeniSidorenko

Как можно сделать более красивое форматирование?

Привет есть такой код
<div className="catalog-mobile__counter" key={cart.find(item => item.product._id === product._id) ? cart.find(item => item.product._id === product._id).quantity : "" }>
              <div className="catalog-mobile__minus"></div>
              <input type="text" defaultValue={cart.find(item => item.product._id === product._id) ? cart.find(item => item.product._id === product._id).quantity : "" } />
              <div className="catalog-mobile__plus"></div>
          </div>


Как можно сделать рефактор данного кода. Тут условная проврека ибо не все пункты выдают результат и за чего некоторые undefined и ошибка , поэтому так, но выглядит ужасно.
  • Вопрос задан
  • 36 просмотров
Решения вопроса 1
Seasle
@Seasle
\( ゚ヮ゚)/
Код выглядит так, как будто должны было быть так:
<>
	{cart.map(item => (
		<div className="catalog-mobile__counter" key={item.product._id}>
			<button className="catalog-mobile__minus"></button>
			<input type="text" defaultValue={item.quantity || ''} />
			<button className="catalog-mobile__plus"></button>
		</div>
	))}
</>

Я так понимаю, можно менять количество у товара, поэтому даже заранее высчитанные связи не очень.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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