Pytania otagowane jako reactjs

React (znany również jako React.js lub ReactJS) to biblioteka JavaScript opracowana przez Facebooka w celu tworzenia interfejsów użytkownika. Wykorzystuje deklaratywny paradygmat oparty na komponentach, a jego celem jest zarówno wydajność, jak i elastyczność.

19
Nieprawidłowy obiekt konfiguracyjny. Pakiet Webpack został zainicjowany przy użyciu obiektu konfiguracyjnego, który nie pasuje do schematu interfejsu API
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ść „postcss”. Te właściwości są poprawne: obiekt {amd ?, kaucja ?, pamięć podręczna …
9
Reaguj setState nie aktualizuje stanu
Więc mam to: let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() => { this.setState({dealersOverallTotal: total}); }, 10); console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1'); //outputs incorrect total newDealersDeckTotal to tylko tablica liczb, [1, 5, 9]np. jednak this.state.dealersOverallTotalnie podaje prawidłowej sumy, ale totaltak jest? Ustawiłem nawet …
9
Najlepsza praktyka podczas dodawania białych znaków w JSX
Rozumiem, jak (i dlaczego ) dodać spacje w JSX, ale zastanawiam się, jaka jest najlepsza praktyka lub czy coś robi jakąkolwiek różnicę? Owiń oba elementy w rozpiętość <div className="top-element-formatting"> <span>Hello </span> <span className="second-word-formatting">World!</span> </div> Dodaj je w jednej linii <div className="top-element-formatting"> Hello <span className="second-word-formatting">World!</span> </div> Dodaj przestrzeń za pomocą JS …
12
react-router (v4) jak wrócić?
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" /></div></Link> <Route exact path="/" component={Page1}/> <Route path="/Page2" component={Page2}/> <Route path="/Page3" component={Page3}/> </div> </Router> Aby przejść na kolejne strony, po prostu robię: this.props.history.push('/Page2'); Jak jednak mogę …
3
Reagować z Redux? A co z kwestią „kontekstu”?
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 …
4
Reactjs: jak zmodyfikować stan dynamicznego komponentu potomnego lub właściwości rodzica?
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 prostu nazwę klasy ze stanu lub właściwości Oto RadioGroup.jsx: module.exports = React.createClass({ onChange: function( …
90 reactjs 
6
Ponownie wyrenderuj komponent React po zmianie właściwości
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 asynchronicznie, po początkowym renderowaniu komponentu kontenera. Oznacza to, że komponent kontenera nie wie, że musi …
1
Co to jest plik public / manifest.json w aplikacji create-react-app?
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": "./index.html", "display": "standalone", "theme_color": "#000000", "background_color": "#ffffff" } Kiedy zmieniam jakąś wartość, …
4
Funkcje w składnikach bezstanowych?
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 lepiej byłoby uczynić z nich Ballskomponenty bezstanowe, ponieważ będzie ich wiele. Nie …
90 reactjs 
9
Jak anulować pobieranie na componentWillUnmount
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 subskrypcje i zadania asynchroniczne w componentWillUnmountmetodzie. constructor(props){ super(props); this.state = { …
90 reactjs 
16
Enzym - jak uzyskać dostęp i ustawić wartość <input>?
Nie mam pojęcia, jak uzyskać dostęp do &lt;input&gt;wartości podczas używania mount. Oto, co mam jako mój test: it('cancels changes when user presses esc', done =&gt; { const wrapper = mount(&lt;EditableText defaultValue="Hello" /&gt;); const input = wrapper.find('input'); console.log(input.render().attr('value')); input.simulate('focus'); done(); }); Konsola drukuje undefined. Ale jeśli trochę zmodyfikuję kod, działa: it('cancels …
11
Importuj plik JSON w React
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 React, {Component} from 'react'; import ReactDOM from 'react-dom'; import customData …
8
Poprawny sposób udostępniania funkcji między komponentami w Reakcie
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 poziomu, a następnie przekazać …
90 reactjs 
4
Ustaw typy dla hooka useState React z TypeScript
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 była typu IUser. Moja jedyna zakończona sukcesem wersja próbna obejmuje …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.