0

フィールドが削除されると、Chrome の自動入力によってメール/パスワードの入力が再入力され、ユーザーが別のメール/パスワードを使用してログインできなくなります。元のフォームの実装を削除して redux-form を使用しようとしましたが、それでも同じ問題が発生します。誰もこの問題を経験しましたか?

ここに画像の説明を入力

バージョン "preact": "8.2.5", "redux": "3.7.2", "react": "^15.4.2",

クロム 65.0.3325.181

成分：

import { Field } from 'redux-form';

import { Form } from '../form';
import { SubmitButton } from '../../buttons';
import styles from './create-account.styl';

export const CreateAccount = (props) => {
    const {
        canSubmit,
        onFormSubmit,
    } = props;

    return (
        <Form
            class={styles.root}
            heading="Heading"
            onSubmit={onFormSubmit}
        >
            <Field
                class={styles.field}
                name="email"
                component="input"
                type="email"
            />

            <Field
                class={styles.field}
                name="password"
                component="input"
                type="password"
            />

            <div class={styles.actions}>
                <SubmitButton
                    class={styles.submit}
                    disabled={!canSubmit}
                >
                    Submit
                </SubmitButton>
            </div>
        </Form>
    );
};

容器：

import { compose } from 'recompose';
import { reduxForm } from 'redux-form';
import { CreateAccount } from './create-account';

const enhance = compose(
    reduxForm({
        form: 'test',
    }),
);

export default enhance(CreateAccount);
4

1 に答える 1

0

以前も同じ問題がありました。誰かのアドバイスに従ってこの問題を解決しました（申し訳ありませんが、リンクを覚えていません）。フォームの最初に次の入力フィールドを追加してみてください。

<input type="email" name="email1" style={{display: 'none'}} />
<input type="password" name="password1" style={{display:'none'}} />

まだ問題がある場合はお知らせください

于 2018-05-03T11:03:45.047 に答える