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

Question

在 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>

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

Answer 1

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

里面LoginScreen.js

const LoginScreen = () => {

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

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

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

reactjs

text

react-hooks

export

native