Вызвать функцию внутри const функции в реагировать

Question

У меня есть функция1 и функция2 внутри const function1.Как я могу вызвать function2() и function3() в функции1?

const function1 = ({par1, par2) => {

    function funtion2(text) {
        <div>function 2: {text}</div>
    }

    const function3 = (text) => <div>function 3 {text}</div>

    return (
         <div>
             call function2: {function2("some text")}
             call function3: {function3("some text")}
         </div>
    )
}

Answer 1

Объявления

function2 и function3 не должны быть вложены в function1, поскольку они не зависят от его области действия.

function2 ничего не возвращает.

function1, function2 и function3 действуют как функциональные компоненты и должны использоваться как таковые;они должны иметь имена падежей и иметь один props параметр:

function Funtion2({ text }) {
    return <div>function 2: {text}</div>
}

const Function3 = ({ text }) => <div>function 3 {text}</div>

const Function1 = ({ par1, par2 }) => {
    return (
         <div>
             <Function2 text={"some text"}/>
             <Function3 text={"some text"}/>
         </div>
    )
}