Javascript 将存储在子组件中的函数中的值传递给React中的父组件

下面是我的代码

子组件

  const onSave = () => {
    var val = value
    props.onSave();
  }

<div onClick={() => { onSave() }}>
            <CheckButton variant="contained" text-align='center' />
          </div>

export const Card = (props) => {
    const onSave = (val) => { [I WANT TO ACCESS val within here] }
}


<TextInputContainer onSave={() => onSave()} />

const onSave=（）=>{
var val=值
props.onSave（）；
}
{onSave（）}}>

父组件

  const onSave = () => {
    var val = value
    props.onSave();
  }

<div onClick={() => { onSave() }}>
            <CheckButton variant="contained" text-align='center' />
          </div>

export const Card = (props) => {
    const onSave = (val) => { [I WANT TO ACCESS val within here] }
}


<TextInputContainer onSave={() => onSave()} />

export const Card=（道具）=>{
const onSave=（val）=>{[我想在这里访问val]}
}
onSave（）}/>

---

是否有任何方法可以访问父组件内的变量

val

？代码被大量截断。实际代码使用Redux。

react的

createRef

帮助您访问react组件的值：

参考号（）

constructor（）{this.CheckButtonRef=createRef（）}
onSave=（）=>{props.onSave（this.CheckButtonRef.current.value）}
react的
createRef
帮助您访问react组件的值：

参考号（）

constructor（）{this.CheckButtonRef=createRef（）}
onSave=（）=>{props.onSave（this.CheckButtonRef.current.value）}
查看值的来源。如果它来自道具，将其向上提升到全局重排状态或父级。这是否回答了您的问题？看看价值从何而来。如果它来自道具，将其向上提升到全局重排状态或父级。这是否回答了您的问题？