Ошибка: сделано меньше крючков, чем ожидалось ⇐ Javascript

[Anonymous]

После добавления следующего условия в функции getRecyclableTypEname < /p>

Код: Выделить всё

i18n?.language === 'ar' && product?.RecyclableTypeArbic

начал получать ошибку

Вот функциональный компонент:

Код: Выделить всё

const RenderProductInfo = ({ product, handleCopyId, currentRoute, isEnvelope }) => {
const { i18n } = useTranslation()
const isArabic = i18n.language === 'ar'
const unit = product.UnitOfMeasurement ? product.UnitOfMeasurement : 'T';
const title = product.Title
? product.Title
: product.TradeDetails && product.TradeDetails.title
? product.TradeDetails.title
: '';
const value = `${product?.Currency
? product?.Currency
: product?.TradeDetails?.currency
? product?.TradeDetails?.currency
: 'AED'
} ${Utilities.formatNumberToCurrency(
product.BidValue
? product.BidValue
: product.TargetPrice
? product.TargetPrice
: 0,
true,
)}`;

const getrecyclableTypeName = () => i18n?.language === 'ar' && product?.RecyclableTypeArbic ? product?.RecyclableTypeArbic : product.TradeDetails
? product.TradeDetails.recyclableTypeName
: Utilities.getKeywordFromId({
firstKey: 'defaultRecyclableTypes',
value: product.RecyclableType,
});

return (


{title}

{!(
currentRoute === 'Guest' || currentRoute === 'unVerified'
) &&
(product?.TargetPrice || product?.BidValue) &&
!isEnvelope ?
(


{value}/{unit}

{
product?.TradeId ?

{product?.TradeId}

:
null}

) : null}



{getrecyclableTypeName()}
{currentRoute === 'Guest' ||
currentRoute === 'unVerified' ? 



{product.Quantity ? product.Quantity : 0}
{unit}





{product.Emirate}


 : null}



);
};< /code>
< /div>
< /div>
< /p>
Я не понимаю этого поведения, я не использовал ни одного крючка.const [recyclableTypeName,setRecyclableTypeName]=useState('')

useEffect(()=>{
if(i18n.language==="ar") setRecyclableTypeName(something)
},[i18n.language])

Это решило проблему, но я все еще не понимаю, где я был неправ.


Подробнее здесь: https://stackoverflow.com/questions/797 ... n-expected