我想在AuthForm组件中有条件地呈现jsx，但我在“isPasscodeEntry”场景中遇到了麻烦。
我的AuthForm组件根据isLogin、isForgot和isPasscodeEntry的状态有条件地呈现输入表单。
AuthForm在AuthContent中导入和呈现。
AuthContent在我的LoginScreen组件中根据isLogin、isForgot和isPasscodeEntry的状态有条件地呈现。
isLogin =登录/！isLogin =注册/ isForgot =输入电子邮件>获取密码电子邮件/ isPasscodeEntry =输入密码
在LoginScreen中，我在控制台记录isPasscodeEntry的状态，当我按下“重置密码”时，它会变为true，但isPasscodeEntry jsx不会被渲染。
总结如下：
当isForgot为true时（密码重置流程）：
如果isForgot为true（密码重置流程），则当按下“重置密码”按钮时，将有条件地呈现isPasscodeEntry JSX。
当按下“重置密码”按钮时（isForgot为true），它将调用setIsPasscodeEntry（）。
当isForgot为false时（登录或注册流程）：
如果isForgot为false（登录或注册流程），isPasscodeEntry JSX将不会有条件地呈现，并且不会显示“重置密码”按钮。相反，它将显示“登录”或“注册”按钮，这取决于isLogin是true还是false。
下面是LoginScreen的jsx：

function AuthContent({ isLogin, isForgot, isPasscodeEntry, setIsPasscodeEntry, onSignUp, onLogin, onForgot }) {...
return (
        <SafeAreaView style={styles.container}>
            {!isForgot ? (
                <>
                    
                    {isPasscodeEntry ? (
                        <>
                            <AuthContent
                                isLogin={isLogin}
                                isPasscodeEntry={isPasscodeEntry}
                                setIsPasscodeEntry={() => setPasscodeEntry}
                                // onSignUp={signUpHandler}
                                // onLogin={loginHandler}
                            />
                            <View style={styles.forgot}>
                                <Button onPress={() => { setIsForgot(true), setIsLogin(false) }}>
                                    Forgot Password
                                </Button>
                            </View>
                            <View style={styles.buttons}>
                                <Button onPress={() => setIsLogin(!isLogin)}>
                                    {isLogin ? 'Register Here' : 'Login Here'}
                                </Button>
                                {isLoading && <LoadingOverlay />}
                            </View>
                        </>
                    ) : (
                        <>
                            <AuthContent
                                isLogin={isLogin}
                                isPasscodeEntry={isPasscodeEntry}
                                setIsPasscodeEntry={() => setPasscodeEntry}
                                onSignUp={signUpHandler}
                                onLogin={loginHandler}
                            />
                            <View style={styles.forgot}>
                                <Button onPress={() => { setIsForgot(true), setIsLogin(false) }}>
                                    Forgot Password
                                </Button>
                            </View>
                            <View style={styles.buttons}>
                                <Button onPress={() => setIsLogin(!isLogin)}>
                                    {isLogin ? 'Register Here' : 'Login Here'}
                                </Button>
                                {isLoading && <LoadingOverlay />}
                            </View>
                        </>
                    )}
                </>
            ) : (
                <>
                    <AuthContent
                        isLogin={false}
                        isForgot={isForgot}
                        onLogin={forgotHandler}
                        onForgot={forgotHandler}
                        isPasscodeEntry={isPasscodeEntry}
                        setIsPasscodeEntry={() => setPasscodeEntry()}
                    />
                    
                    <View style={styles.buttons}>
                            <Button onPress={() => setIsForgot(false)}>
                            Go Back
                        </Button>
                        {isLoading && <LoadingOverlay />}
                    </View>
                </>
            )}
        </SafeAreaView>
    );
}

export default LoginScreen;

下面是AuthForm的jsx：

function AuthForm({ isLogin, isForgot, isPasscodeEntry, setIsPasscodeEntry, onSubmit, credentialsInvalid }) {...

return (
        <KeyboardAvoidingView
            style={{ flex: 1 }}
            behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
            keyboardVerticalOffset={Platform.OS === 'ios' ? 0 : 100}
        >
            <View style={styles.form}>
                <View>
                    {isForgot ? (
                        <Input
                            label="Email Address"
                            onUpdateValue={updateInputValueHandler.bind(this, 'email')}
                            value={enteredEmail}
                            textInputConfig={{
                                onChangeText: (text) => updateInputValueHandler('email', text),
                                value: enteredEmail,
                            }}
                            keyboardType="email-address"
                            isInvalid={emailIsInvalid}
                        />
                    ) : (
                        <>
                            <Input
                                label="Email Address"
                                onUpdateValue={updateInputValueHandler.bind(this, 'email')}
                                value={enteredEmail}
                                textInputConfig={{
                                    onChangeText: (text) => updateInputValueHandler('email', text),
                                    value: enteredEmail,
                                }}
                                keyboardType="email-address"
                                isInvalid={emailIsInvalid}
                            />

                            {!isLogin && !isForgot && (
                                <Input
                                    label="Confirm Email Address"
                                    onUpdateValue={updateInputValueHandler.bind(this, 'confirmEmail')}
                                    value={enteredConfirmEmail}
                                    keyboardType="email-address"
                                    isInvalid={emailsDontMatch}
                                />
                            )}

                            <Input
                                label="Password"
                                onUpdateValue={updateInputValueHandler.bind(this, 'password')}
                                value={enteredPassword}
                                textInputConfig={{
                                    onChangeText: (text) => updateInputValueHandler('password', text),
                                    value: enteredPassword,
                                    secureTextEntry: true,
                                }}
                                isInvalid={passwordIsInvalid}
                            />

                            {!isLogin && !isForgot && (
                                <Input
                                    label="Confirm Password"
                                    onUpdateValue={updateInputValueHandler.bind(this, 'confirmPassword')}
                                    value={enteredConfirmPassword}
                                    textInputConfig={{
                                        onChangeText: (text) => updateInputValueHandler('confirmPassword', text),
                                        value: enteredConfirmPassword,
                                        secureTextEntry: true,
                                    }}
                                    isInvalid={passwordsDontMatch}
                                />
                            )}

                            {isPasscodeEntry && (
                                // Add your passcode entry component here
                                <>
                                    <Input
                                        label="Enter one-time passcode"
                                        onUpdateValue={updateInputValueHandler.bind(this, 'passcode')}
                                        value={enteredCode}
                                        textInputConfig={{
                                            onChangeText: (text) => updateInputValueHandler('passcode', text),
                                            value: enteredCode,
                                            secureTextEntry: true,
                                        }}
                                        isInvalid={passwordIsInvalid}
                                    />
                                </>
                            )}
                        </>
                    )}
                </View>
                <View style={styles.buttons}>
                    {isForgot ? (
                        // Call setIsPasscodeEntry(true) when isForgot is true
                        <Button onPress={() => { submitHandler(); setIsPasscodeEntry(); }}>
                            Reset Password
                        </Button>
                    ) : (
                        // Call submitHandler when isForgot is false
                        <Button onPress={submitHandler}>
                            {isLogin ? 'Log In' : 'Sign Up'}
                        </Button>
                    )}
                </View>
            </View>
        </KeyboardAvoidingView>
    );
}

export default AuthForm;