如何在 React Native Typescript

如何解决如何在 React Native Typescript

我想传入 countryCases 和 countryDeaths 常量，它们使用 useState 文件中的 Data.tsx。我想传递它们并在 OtherScreen.tsx 文件中使用它们。我该怎么做？

Data.tsx

interface DataCardProps {
  onPress: () => void;
}

const Covid19DataCard = ({ onPress }: DataCardProps) => {

  const [earliest2,setEarliest2] = useState([]);
  const [countryDeaths,setcountryDeaths] = useState(Number);
  const [countryCases,setcountryCases] = useState(Number);
  
  useEffect(() => {
    axios
      .get("https://coronavirus-19-api.herokuapp.com/countries")
      .then((response) => {
        setEarliest2(response.data);

        const enteredCountryName = countryNameshort;
        const countryArray = response.data.filter(
          (item) => item.country === enteredCountryName
        );

        const resCountryDeaths = countryArray[0].deaths;
        setcountryDeaths(resCountryDeaths);

        const resCountryCases = countryArray[0].cases;
        setcountryCases(resCountryCases);
      })
      .catch((err) => {
        console.log(err);
      });
  },[]);
}

OtherScreen.tsx

import Data from './Data';

const OtherScreen = ({ navigation,}: StackNavigationProps<Routes,"SearchScreen">) => {
  <Text>{Data.countryCases}</Text> //???
}
export default OtherScreen;

它们都使用不同的 props，如果我尝试传入 Data.countryCases，我会收到错误 Property 'countryCases' does not exist on type '({ onPress }: DataCardProps) => Element'. 任何帮助表示赞赏:)