Javascript 反应本机：传递来自<；的值；文本输入>；转换为在组件外部声明的函数

我目前正在构建一个包含

{
func（）
。然后（异步用户=>{
const userInput=this.state.userInput；
等待addToProfile（用户，用户输入）；
})
.catch（错误=>{
控制台错误（err）；
});
};
导出默认类Stackoverflow扩展组件{
状态={
用户输入：“”，
};
建造师（道具）{
超级（道具）；
this.textInputComponent=React.createRef（）；
}
render（）{
返回(
this.setState（{userInput:value}）
/>
{
myFunction（）；
}}
/>
);
}
}

TouchableOpacity中应该有一些子组件可以触摸

让我们举一个例子：

const callme= () => {
  console.log("Pressed event called.....");
};

const mycomponent = () => {
  return (
    <TouchableItem
      onPress={() => {
        callme();
      }}
      useOpacity
    >
      <View style={[styles.container]}>
        <Text style={[styles.mytextstyle}>Some title here</Text>
      </View>
    </TouchableItem>
  );
};

constcallme=（）=>{
log（“被按下的事件称为…”）；
};
常量mycomponent=（）=>{
返回(
{
callme（）；
}}
使用不透明度
>
这里有一些标题
);
};

我成功地解决了将函数声明移动到

TouchableOpacity的
onPress（）
中的问题，这是我的错误-我忘了为TouchableOpacity包含一个子项。但是，如何从
中获取
用户输入
，并将该值传递到
myFunction（）
？当在
mycompent
之外声明
myFunction（）
时，是否可以执行此操作？若要执行此操作，需要在函数中传递并捕获参数。例如：const callme=（mytext）=>{console.log（“被调用的按下事件…”+mytext）；}；{callme（mytext）；}}useOpacity>
const callme= () => {
  console.log("Pressed event called.....");
};

const mycomponent = () => {
  return (
    <TouchableItem
      onPress={() => {
        callme();
      }}
      useOpacity
    >
      <View style={[styles.container]}>
        <Text style={[styles.mytextstyle}>Some title here</Text>
      </View>
    </TouchableItem>
  );
};