#reactjs #frontend
Вопрос:
import { useTabState, Tab, TabList, TabPanel } from "reakit/Tab"; function App() { alert("oi") const tab = useTabState(); return ( lt;gt; lt;TabList {...tab} aria-label="My tabs"gt; lt;Tab {...tab}gt;Tab 1lt;/Tabgt; lt;Tab {...tab}gt;Tab 2lt;/Tabgt; lt;/TabListgt; lt;TabPanel {...tab}gt;Tab 1lt;/TabPanelgt; lt;TabPanel {...tab}gt;Tab 2lt;/TabPanelgt; lt;/gt; ); } Затем я визуализирую этот функциональный компонент с помощью:
import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render( lt;App /gt;, document.getElementById('root') ); Приведенный выше код создает вкладки. Когда я нажимаю на вкладки, браузер бесконечно генерирует модалы предупреждений. Почему?
Комментарии:
1. Вы не могли бы поместить
alert("oi")в тело метода / функции визуализации компонента. Помогает ли это?2. @Колин, почему бы и нет? Более конкретно, почему это вызывает для меня бесконечную цепочку предупреждений?
3. Вы пропустили какой-то код? Я не вижу проблемы в том, что вы предоставили
4. @Доминик, я не знаю, пропустил ли я соответствующий код. Чтобы воспроизвести:
npx create-react-app my-app, измените App.js с тем, что я опубликовал, а потомnpm start.5. Я не могу размножаться. Он показывает предупреждение 8 раз.