javascript - 将子组件中函数中存储的值传递给React中的父类(Passing a value stored in a function within a child component to a parent in React)

Question

Below is my code.(下面是我的代码。)

CHILD COMPONENT(儿童组件)

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

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

PARENT COMPONENT(父母组成)

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


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

Is there any way I can access that variable val inside the parent component?(有什么方法可以访问父组件中的变量val ？)

The code is truncated big-time.(该代码被大截断。) The actual code uses Redux.(实际代码使用Redux。)   ask by abiodunt translate from so

Answer 1

The createRef of react helps u to access the value of a react component:(react的createRef帮助您访问react组件的值：)

Reference ( https://pt-br.reactjs.org/docs/hooks-reference.html )(参考（ https://pt-br.reactjs.org/docs/hooks-reference.html ）)

constructor () {this.CheckButtonRef = createRef()}
onSave = () => {props.onSave(this.CheckButtonRef.current.value)}
<CheckButton ref = {this.CheckButtonRef}/>