React Native-当尝试根据用户输入更新调查时，useContext 'is not a function‘错误

// SurveyContext.js
import React from 'react';

const SurveyContext = React.createContext();

export default SurveyContext;

// SurveyProvider.js
import React, { useState } from 'react';
import SurveyContext from './SurveyContext';

const SurveyProvider = ({ children }) => {
  const [surveyData, setSurveyData] = useState({});

  return (
    <SurveyContext.Provider value={{ surveyData, setSurveyData }}>
      {children}
    </SurveyContext.Provider>
  );
};

export default SurveyProvider;

// App.js
import React from 'react';
import { SafeAreaView, TextInput } from 'react-native';
import SurveyProvider from './SurveyProvider';
import SurveyForm from './SurveyForm';

const App = () => {
  return (
    <SurveyProvider>
      <SafeAreaView>
        <SurveyForm />
      </SafeAreaView>
    </SurveyProvider>
  );
};

export default App;

// SurveyForm.js
import React, { useContext } from 'react';
import { View, TextInput, Button } from 'react-native';
import SurveyContext from './SurveyContext';

const SurveyForm = () => {
  const { surveyData, setSurveyData } = useContext(SurveyContext);

  return (
    <View>
      <TextInput
        placeholder="Enter your name"
        value={surveyData.name || ''}
        onChangeText={(text) => setSurveyData({ ...surveyData, name: text })}
      />
      <Button title="Submit" onPress={() => console.log(surveyData)} />
    </View>
  );
};

export default SurveyForm;