Блог

Главная - Вопросы по программированию - React useState устанавливает состояние, вызывающее добавление в html

React useState устанавливает состояние, вызывающее добавление в html

#javascript #html #reactjs #use-state

#javascript #HTML #reactjs #use-state

Вопрос:

Реагируйте useState , пока я устанавливаю состояние, какие-то странные <canvas> добавления к main <html> !

 import React, { useState } from 'react';
import './style.scss';

export default () => {
    const [auth, setAuth] = useState(false);
    const handleAuth = () => setAuth(true);

    return (
        <header>
            <button onClick={handleAuth}>handle auth</button>
        </header>
    );
};

При нажатии кнопки странное <canvas> добавляется к <html> началу.

 <html lang="en">
<canvas style="inset: 0px; pointer-events: none; position: fixed; z-index: 1000000000;" width="1920" height="514"></canvas>
<head>
...

Комментарии:

1. проверьте свой сайт в режиме инкогнито. Это может произойти для любых расширений браузера.

2. Да, спасибо, вы правы.

3. Я надеюсь, что мой ответ имеет значение. Удачи

Ответ №1:

Этот холст вводится из расширения «React Developer Tools». Используется для выделения обновлений при визуализации компонента.

Ответ №2:

Попробуйте проверить свой сайт в режиме инкогнито.
Это может произойти для любых расширений браузера.