如何在wix导航中将道具传回父组件

import React, { useState } from 'react';

const ParentComponent = () => {
  const [propValue, setPropValue] = useState('');

  // 定义一个回调函数，用于接收子组件传递的道具值
  const handlePropChange = (value) => {
    setPropValue(value);
  };

  return (
    <div>
      {/* 将道具值传递给子组件 */}
      <ChildComponent propValue={propValue} onPropChange={handlePropChange} />
    </div>
  );
};

export default ParentComponent;

import React from 'react';

const ChildComponent = ({ propValue, onPropChange }) => {
  // 定义一个事件处理函数，将输入框的值传递给父组件
  const handleChange = (event) => {
    const value = event.target.value;
    onPropChange(value);
  };

  return (
    <div>
      <input type="text" value={propValue} onChange={handleChange} />
    </div>
  );
};

export default ChildComponent;