我正在使用 FormContainer 組件，它從父級接收初始值（基本上是空字符串，表示輸入值）和 handleSubmit 函數。FormContainer 有包含輸入值的狀態，用于更新狀態的 onChange 方法，onSubmit 方法。我正在使用反應上下文將 onChange 傳遞給輸入，并將 onSubmit 傳遞給提交按鈕。表單容器代碼：export const FormContext = React.createContext(null);class FormContainer extends Component {  constructor(props) {  super(props);  this.state = props.initialValue;}onChange(name, value) {  this.setState({ [name]: value });}onSubmit(){  const stateKostul = this.state;  console.log(stateKostul);  this.props.handleSubmit(stateKostul);}render() {  const value={    formState: this.state,    onChange: (name, value) => this.onChange(name, value),    onSubmit: () =>this.onSubmit(),  };  return (    <FormContext.Provider value={value}>      {this.props.children}    </FormContext.Provider>  );  }}我在 AddProductForm 組件/場景中使用它。我還使用 recompose 添加處理程序來獲取數據。添加產品表單代碼：function AddProductForm({ handleSubmit }) {  const initialValue = {    title: '',    location: '',    description: '',    photos: [],    price: '',  };  return (    <div className={s.container}>      <h2 className={s.formTitle}>Add product</h2>      <div className={s.formContainer}>        <FormContainer          initialValue={initialValue}         handleSubmit={handleSubmit}        >           // custom inputs and submit button        </FormContainer>      </div>    </div>  );}const enhancer = compose(  withHandlers({    handleSubmit: ({stateKostul}) => () => {      console.log('it works!');      console.log(stateKostul);      //fetch to server    },  }),);export default enhancer(AddProductForm);所以我的問題是我不知道如何將數據從 FormContainer 的狀態傳遞到 AddProductForm。當我將 FormContainer 的狀態從 props 傳遞給我的處理程序時，我得到了 undefind。但是從 onSubmit 狀態就可以了。而且我無法從 FormContainer 獲取數據，因為 FormContainer 背后的想法：它應該對任何形式都是通用的。任何想法如何在不改變其結構的情況下從 FormContainer 獲取數據？