Использование функций в React

Внутри основной функции компонента можно делать вспомогательные функции. К примеру, давайте с помощью вспомогательных функций найдем сумму степеней двух чисел и выведем ее в тексте тега:

function App() {
function square(num) {
return num ** 2;
}

function cube(num) {
return num ** 3;
}

const sum = square(3) + cube(4);

return <div>
{sum}
</div>
}

Вызов функций внутри тегов
Функции можно вызывать прямо в фигурных скобках:

function App() {
function square(num) {
return num ** 2;
}

return <div>
{square(3)}
</div>
}
В фигурных скобках можно также делать вызовы нескольких функций:

function App() {
function square(num) {
return num ** 2;
}

function cube(num) {
return num ** 3;
}

return <div>
{square(3) + cube(4)}
</div>
}