如何在 React Native 中从另一个文件导出文本 to/access 文本?

How do I export text to/access text from another file in React Native?

在 AuthProvider.js 中,我编写了以下代码以在控制台中捕获和记录错误。

export const AuthProvider = ({children}) => {
    const [user, setUser] = useState(null);
    const [errorText, setErrorText] = useState('')

    return (
        <AuthContext.Provider
            value={{
                user,
                setUser,
                login: async (email, password) => {
                    try {
                        await auth().signInWithEmailAndPassword(email, password)
                    } catch(e) {
                        setErrorText(e);
                        console.log(e)
                    }
                },
            }}
        >
            {children}
        </AuthContext.Provider>
    )
}

我想将这些错误作为文本(字符串)导出到另一个文件(LoginScreen.js),以便可以在文本组件中显示错误,如下所示:

<Text style={styles.errorMsg}>{errorText}</Text>

如您所见,我已经在使用钩子将错误文本设置为正确的值,但我不确定如何将这个钩子导出到另一个文件中,或者是否有更好的导出方法一个字符串。

您还可以将 errorText 传递给 Auth.Providervalue 对象 因为,您将用 Auth.Provider 包装您的大部分应用程序,您可以访问这些值,包括 errorText 嵌套屏幕中的任何位置。

里面LoginScreen.js

const LoginScreen = () => {

const auth = useContext(AuthContext);
const {errorText} = auth;
    return (
        ...
        <Text style={styles.errorMsg}>{errorText}</Text>
        ...
    )
}