在const函数内调用一个函数

Question

我在const function1里面有一个function1和function2。如何在function1中调用function2()和function3()？

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作为功能组件，应当如此使用;他们应该有pascal案例名称，并有单个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>
    )
}