const 변수를 다른 React 파일로 전송할 수 없는 이유
그래서 한 파일에서 다른 파일로 const 변수를 전송하려고 합니다. 어떤 이유로든 액세스할 수 없으며 텍스트 파일로 표시할 수 없습니다. 아래는 website.js 코드와 pay.js 파일입니다. 표시되는Amount 변수를 홈 페이지 파일에서 프리미엄 파일로 전송한 다음 텍스트 요소에 표시하려고 합니다. 하지만 이렇게 하면 "오류: 텍스트 문자열은 구성 요소 내에서 렌더링되어야 합니다."라는 오류가 발생합니다. 으아악
import { StyleSheet, Text, View, Image, Dimensions, TouchableOpacity, Alert, Animated } from 'react-native';
import { FontAwesome5 } from '@expo/vector-icons';
import React, { useState, useEffect, useRef } from 'react';
import { useNavigation } from '@react-navigation/native';
import pay from './pay';
const homepage = ({ route, navigation }) => {
const [selectedAmount, setSelectedAmount] = useState("0");
const [displayedAmount, setDisplayedAmount] = useState("0");
const fadeAnim = new Animated.Value(0); // initial opacity
const screenWidth = Dimensions.get('window').width;
const buttonWidth = screenWidth * 0.45;
const spaceBetweenNumbers = 100;
useEffect(() => {
Animated.timing(
fadeAnim,
{
toValue: 1,
duration: 1000,
useNativeDriver: true,
}
).start();
if (selectedAmount.includes('.')) {
const [whole, decimal] = selectedAmount.split('.');
setDisplayedAmount(`${isNaN(parseInt(whole)) ? "0" : parseInt(whole).toLocaleString()}.${decimal}`);
} else {
setDisplayedAmount(isNaN(parseInt(selectedAmount)) ? "0" : parseInt(selectedAmount).toLocaleString());
}
Animated.timing(
fadeAnim,
{
toValue: 0,
duration: 1000,
useNativeDriver: true,
}
).start();
}, [selectedAmount]);
const handleNumberPress = (number) => {
if (selectedAmount.length < 5) {
setSelectedAmount(prevState => prevState === "0" ? String(number) : prevState + number);
}
};
const handleDecimalPress = () => {
if (!selectedAmount.includes(".") && selectedAmount.length < 4) {
setSelectedAmount(prevState => prevState + ".");
}
};
const handleDeletePress = () => {
setSelectedAmount(prevState => prevState.slice(0, -1) || "0");
};
const goTopay = () => {
navigation.navigate('Pay', { displayedAmount }); // passing displayedAmount as a parameter
};