Reactjs 如何从父函数导出子函数？

我通常将一个函数导出为默认函数或两个函数，但从未导出像函数

isdown

这样的子函数。那么，如何出口呢

import React, { useState } from 'react'
import '../css/style.css'



function Boxshape({ className, Items, i }) {
    
      const [dowPostion, setpostion] = useState(false)
      function isdown() {
            return dowPostion
      }

      return (
            
                        <div
                              onMouseDown={() => setisDown(true)}
                              onMouseUp={() => setisDown(false)}
                        >testing </div>
      )
}

export default Boxshape
export { Boxshape.isdown }

import React，{useState}来自“React”
导入“../css/style.css”
函数Boxshape（{className，Items，i}）{
const[dowposition，setposition]=useState（false）
函数isdown（）{
返回位置
}
返回(
setisDown（真）}
onMouseUp={（）=>setisDown（false）}
>测试
)
}
导出默认长方体形状
导出{Boxshape.isdown}

• 注意：我知道

  export{Boxshape.isdown}

  这是一种错误的方式，但我写它是为了澄清

---

为什么不能将函数

isDown

作为这样一个单独的函数。如果您这样做，您可以在任何地方调用它，或者您可以在parent中声明并将其传递给子级

import React, { useState } from 'react'
import '../css/style.css'

export const isdown=(dowPostion)=>{
 return dowPostion
}

function Boxshape({ className, Items, i }) {
    
      const [dowPostion, setpostion] = useState(false)
      isdown(dowPostion)

      return (
            
                        <div
                              onMouseDown={() => setpostion(true)}
                              onMouseUp={() => setpostion(false)}
                        >testing </div>
      )
}

export default Boxshape

import React，{useState}来自“React”
导入“../css/style.css”
导出常量isdown=（dowposition）=>{
返回位置
}
函数Boxshape（{className，Items，i}）{
const[dowposition，setposition]=useState（false）
isdown（下岗）
返回(
设置位置（真）}
onMouseUp={（）=>setposition（false）}
>测试
)
}
导出默认长方体形状

他们的软件就是这样的一个bug。。。当我导出

isdown

时，即使我按下鼠标，也返回未定义。。。同时，当I

consuse.log（dowposition）

inside

Boxshape

函数返回true时，在代码状态管理中返回true是错误的，如果要使其成为true，则需要调用setPosition（true）而isDown函数不需要我需要isDown函数来导出它，并由其他文件中的其他函数读取if。好的，您需要在参数示例中传递dowPosition，如console.log（isDown（dowPosition）），因为外部isDown函数不知道dowPosition变量。记住，如果函数不在同一js文件中，您需要导入该函数