如何将变量传递给已经具有变量的功能组件？

Question

我在这里有一个孩子功能组件（Commafunc（e）），必须使用事件变量来调用以进行进一步处理，现在我需要做的事情，我似乎无法做到的，是返回在此处声明的变量之一commafunc子组件（realOutput）到addCommatonumber父零件（也许是props？），

我称之为parent

export default class home extends Component {
  render() {
    return (
      <AddCommaToNumber />
    )
  }
}

the parent component：parent component（addcommatonumber.js），我称之为子component：child component：

function AddCommaToNumber() {
const [value, setValue] = React.useState("");

return (
    <div>
        <input
        value={value}
        onChange={(e) => { CommaFunc(e); setValue(e.target.value); }}
        type="text"
        />
        </div>
    );
}

child component：child component：the child component（commafunc.js）： （我需要以某种方式将此RealOutput传递给AddCommatonumber组件）

export default function(e) {
    let realOutput = 100;
}

任何提示或帮助都将不胜感激！