Reactjs 在React中的功能组件外部声明函数

查看以下功能组件：

const MyComponent = (props) => {
  function addPropData() {
   return prop.data.name
  }

  return (
  <div>{addPropData()}</div>
 )
}

我知道这是行不通的——我想知道的是，是否有办法让它发挥作用？如果是，怎么做

---

谢谢。

将变量传递到函数中

const MyComponent = (props) => {
  return (
    <div>{addPropData(props)}</div>
  )
}

function addPropData(props) {
  return props.data.name
}

const MyComponent=（道具）=>{
返回(
{addPropData（props）}
)
}
函数addPropData（props）{
返回props.data.name
}

在上下文中，类似这样的内容：

const MyComponent = (props) => {
  return (
  <div>{addPropData()}</div>
 )
}

function addPropData() {
 return prop.data.name
}

常量MyComponent=（道具）=>{
返回(
{addPropData（props）}
)
}
函数addPropData（props）{
返回props.data.name
}
函数App（）{
返回(
)
}
const domContainer=document.querySelector（“#like_button_container”）
常数e=React.createElement
render（e（App），domContainer）；

您可以将

props

作为参数传递给函数本身，

addPropData（props）

，并接受

props

作为函数的参数，

function addPropData（props）

。