在const函数内部调用一个函数

时间:2019-03-07 00:08:23

标签: reactjs function jsx

我在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>
    )
}

1 个答案:

答案 0 :(得分:1)

function2function3声明不应嵌套在function1内,因为它们不依赖于其范围。

function2不返回任何内容。

function1function2function3充当功能组件,应照此使用;它们应具有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>
    )
}