Продолжайте получать предупреждение: недопустимое свойство DOM `autocomplete`. Вы имели в виду "автозаполнение"?

Question

Я получаю эту ошибку: "Недопустимое свойство DOM autocomplete. Вы имели в виду autoComplete?" , когда я компилирую свой реактивный проект на Google Chrome . Когда я попробовал скомпилировать код на Firefox , все работало нормально.

Я хочу задать вопрос: как можно исправить эту ошибку в Google Chrome? И почему только в Google Chrome эта ошибка отображается?

Это мой код:

import React from "react";

import {
Container, Col, Form,
FormGroup, Label, Input,
Button,
} from 'reactstrap';

export default class Register extends React.Component{

render() {

    return (
        <div>

            <Container>
                <h2>Sign In</h2>
                <Form>
                    <Col>
                        <FormGroup>
                            <Label>Email</Label>
                            <Input
                                type="email"
                                name="email"
                                id="exampleEmail"
                                placeholder="myemail@email.com"

                              autocomplete = "email"
                            />
                        </FormGroup>
                    </Col>
                    <Col>
                        <FormGroup>
                            <Label for="PhoneNumber">Phone Number</Label>
                            <Input
                                type="Phone Number"
                                name="Phone Number"
                                id="exampleNumber"
                                placeholder="37060289225"
                            />
                        </FormGroup>
                    </Col>
                    <Col>
                        <FormGroup>
                            <Label for="RepeatPassword">Repeat Password</Label>
                            <Input
                                type="password"
                                name="Repeat Password"
                                id="RepeatPassword"
                                placeholder="********"

                               autocomplete="new-password"
                            />
                        </FormGroup>
                    </Col>
                    <Col>
                        <FormGroup>
                            <Label for="examplePassword">Password</Label>
                            <Input
                                type="password"
                                name="password"
                                id="examplePassword"
                                placeholder="********"

                               autocomplete = "new-password"
                            />
                        </FormGroup>
                    </Col>

                    <Button>Submit</Button>
                </Form>
            </Container>
        </div>
    );
}
}

Answer 1

Вот ссылка: Проблема GitHub

Это я бы пометил как дубликат как есть: [Шпаргалка] [2] [2]: https://medium.com/react-tutorials/react-properties-ef11cd55caa0 тоже.

Я бы, скажи эти ссылки, помог бы тебе.

Надеюсь, это поможет!

Answer 2

при использовании свойства autocomplete в вашем входе, он хочет, чтобы вы заменили его на autoComplete = "new-password"