Я ищу способ использовать свой собственный хук внутри функции карты при рендеринге компонентов ...
К вашему сведению, я полностью осведомлен о правиле хуков «Не вызывайте хуки внутри циклов, условий или вложенных функций». Но я считаю, что есть способ обойти это, не нарушая правила ... .
Вот еще немного информации:
У нас есть собственный хук под названием useCommaHook, как показано ниже:
export const useCommaHook = price => {
const priceArray = price.toString().split("")
const beforeComma = priceArray.slice(0, 1).join("")
const afterComma = priceArray.slice(1, 4).join("")
return `${beforeComma},${afterComma}`
}
Что можно использовать для добавления запятой для валют при рендеринге:
const renderTours = data => {
return data.map((element, idx) => {
return (
<span className="filtered-tour__description-price">
*** --> We'd like to use our hook here to get comma for every price in the loop***
{`from ${element.node.priceFrom}`
</span>
)
})
}
Как было сказано выше, мы хотели бы применить этот фильтр ко всем ценам узлов в нашем массиве.
Как бы вы подошли к решению такой проблемы? любая идея приветствуется.