Pytania oznaczone «reactjs»

Mam tę prostą aplikację HelloWorld React utworzoną z kursu online, ale pojawia się ten błąd: Nieprawidłowy obiekt konfiguracyjny. Pakiet Webpack został zainicjowany przy użyciu obiektu konfiguracyjnego, który nie pasuje do schematu interfejsu API. - konfiguracja ma nieznaną właściwość...

Pracuję nad projektem z Typescript, React i Redux (wszystkie działające w Electron) i napotykam problem, gdy włączam jeden komponent oparty na klasie do drugiego i próbuję przekazać parametry między nimi. Mówiąc luźniej, mam następującą strukturę komponentu kontenera: class ContainerComponent...

Nie mogę uwierzyć, że zadaję oczywiste pytanie, ale nadal pojawia się błąd w dzienniku konsoli. Konsola mówi, że nie może znaleźć modułu w katalogu, ale sprawdziłem co najmniej 10 razy pod kątem literówek. Tak czy inaczej, oto kod komponentu. Chcę wyrenderować nagłówek w katalogu...

Próbuję wymyślić, jak mogę wrócić do poprzedniej strony. ja używam[react-router-v4][1] Oto kod, który skonfigurowałem na mojej pierwszej stronie docelowej: <Router> <div> <Link to="/"><div className="routerStyle"><Glyphicon glyph="home"

Zasadniczo staram się, aby karty reagowały, ale z pewnymi problemami. Oto plik page.jsx <RadioGroup> <Button title="A" /> <Button title="B" /> </RadioGroup> Po kliknięciu w przycisk A, potrzeby elementów RadioGroup de-wybierz przycisk B . „Wybrane” oznacza po...

Mam wiele komponentów, z których wszystkie muszą robić to samo. (Prosta funkcja, która odwzorowuje ich komponenty potomne i robi coś z każdym z nich). W tej chwili definiuję tę metodę w każdym z komponentów. Ale chcę to zdefiniować tylko raz. Mógłbym to zdefiniować w komponencie najwyższego...

Zwykle wysyłam na Stack rzeczy związane z kodem, ale jest to raczej pytanie o ogólne myśli społeczności. Wydaje się, że wiele osób opowiada się za używaniem Reduxa z Reactem do zarządzania danymi / stanem, ale czytając i ucząc się obu, natknąłem się na coś, co nie wygląda dobrze. Redux Na...

Próbuję oddzielić składnik prezentacji od składnika kontenera. Mam SitesTablei SitesTableContainer. Kontener jest odpowiedzialny za wyzwalanie działań redukujących w celu pobrania odpowiednich witryn na podstawie bieżącego użytkownika. Problem polega na tym, że bieżący użytkownik jest pobierany...

Nie mam pojęcia, jak uzyskać dostęp do <input>wartości podczas używania mount. Oto, co mam jako mój test: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const input = wrapper.find('input');...

Jestem nowy w React i próbuję zaimportować DATAzmienną JSON z zewnętrznego pliku. Otrzymuję następujący błąd: Nie można znaleźć modułu „./customData.json” Czy ktoś mógłby mi pomóc? Działa, jeśli mam moją DATAzmienną, index.jsale nie, gdy jest w zewnętrznym pliku JSON. index.js import...

Wiem, że rozszerzenia Chrome używają „manifest.json”, ale tutaj jest on również używany jako coś innego. zawartość - { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "192x192", "type": "image/png" } ], "start_url":...

Próbuję przekonwertować tę fajną <canvas>animację, którą tu znalazłem , na komponent wielokrotnego użytku React. Wygląda na to, że ten komponent wymagałby jednego komponentu nadrzędnego dla kanwy i wielu komponentów podrzędnych dla function Ball(). Ze względu na wydajność prawdopodobnie...

Myślę, że tytuł mówi wszystko. Żółte ostrzeżenie jest wyświetlane za każdym razem, gdy odmontowuję komponent, który wciąż się pobiera. Konsola Ostrzeżenie: nie można wywołać setState(lub forceUpdate) na niezmontowanym komponencie. To nie jest operacja, ale ... Aby naprawić, anuluj wszystkie...

Migruję projekt React z TypeScript, aby korzystać z funkcji hooków (React v16.7.0-alpha), ale nie mogę dowiedzieć się, jak ustawić typizację zniszczonych elementów. Oto przykład: interface IUser { name: string; } ... const [user, setUser] = useState({name: 'Jon'}); Chcę, aby userzmienna...

Szukam sposobów implementacji nieskończonego przewijania w React. Natknąłem się na respons-infinite-scroll i stwierdziłem, że jest to nieefektywne, ponieważ po prostu dodaje węzły do ​​DOM i nie usuwa ich. Czy istnieje sprawdzone rozwiązanie z Reactem, które doda, usunie i utrzyma stałą liczbę...

Chcę zamknąć menu rozwijane, gdy nastąpi kliknięcie poza elementem rozwijanym. Jak mogę to zrobić?

Piszę ponownie moją aplikację, aby korzystała z Flux i mam problem z pobieraniem danych ze Sklepów. Mam dużo komponentów i dużo się zagnieżdżają. Niektóre z nich są duże ( Article), inne małe i proste ( UserAvatar, UserLink). Zmagałem się z tym, gdzie w hierarchii komponentów powinienem czytać...

Jaki jest zalecany wzorzec wykonywania setState na rodzicu z komponentu podrzędnego. var Todos = React.createClass({ getInitialState: function() { return { todos: [ "I am done", "I am not done" ] } }, render: function() { var todos = this.state.todos.map(function(todo) { return...

Wprowadzanie tekstu jest wyśrodkowane, jak naprawić to wejście tekstu, aby pobierało dane z lewego górnego rogu Oto mój CSS do wprowadzania tekstu /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */ input: { flex: 1, padding: 4,...

Próbuję sprawić, by ReactJS działał z szynami, korzystając z tego samouczka. Otrzymuję ten błąd: Uncaught ReferenceError: React is not defined Ale mogę uzyskać dostęp do obiektu React w konsoli przeglądarki. Dodałem również public / dist / turbo-respons.min.js, jak opisano tutaj, a także...