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ść.

4
Czy React zachowuje kolejność aktualizacji stanu?
Wiem, że React może przeprowadzać aktualizacje stanu asynchronicznie i wsadowo w celu optymalizacji wydajności. Dlatego nigdy nie możesz ufać, że stan zostanie zaktualizowany po wywołaniu setState. Ale można zaufać React aby zaktualizować stan w tej samej kolejności, jak setStatenazywany jest przez ten sam składnik? różne komponenty? W poniższych przykładach rozważ …
10
Jak powiedzieć serwerowi webpack dev, aby obsługiwał index.html dla dowolnej trasy
Router React umożliwia obsługę aplikacji React /arbitrary/route. Aby to zadziałało, potrzebuję, aby mój serwer wysyłał aplikację React na dowolną dopasowaną trasę. Jednak serwer webpack nie obsługuje dowolnych punktów końcowych. Jest tutaj rozwiązanie wykorzystujące dodatkowy serwer ekspresowy. Jak zezwolić serwerowi webpack-dev-server, aby zezwolił na punkty wejścia z routera reagującego Ale nie …
5
Nazwy komponentów ReactJS muszą zaczynać się wielkimi literami?
Bawię się frameworkiem ReactJS na JSBin . Zauważyłem, że jeśli nazwa mojego komponentu zaczyna się od małej litery, to nie działa. Na przykład następujące elementy nie są renderowane: var fml = React.createClass({ render: function () { return <a href='google.com'>Go</a> } }); React.render(<fml />, document.body); Ale jak tylko wymienić fmlz Fmlnim …
28
React Hook „useState” jest wywoływany w funkcji „app”, która nie jest ani komponentem funkcji React, ani niestandardową funkcją Hook React
Próbuję użyć haków reagowania do prostego problemu const [personState,setPersonState] = useState({ DefinedObject }); z następującymi zależnościami. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } ale nadal otrzymuję następujący błąd: ./src/App.js Wiersz 7: React Hook „useState” jest wywoływany w funkcji „app”, która nie jest ani składnikiem funkcji React, ani niestandardową …
16
W ReactJS, jak skopiować tekst do schowka?
Używam ReactJS i kiedy użytkownik kliknie łącze, chcę skopiować tekst do schowka. Używam Chrome 52 i nie potrzebuję obsługi żadnych innych przeglądarek. Nie rozumiem, dlaczego ten kod nie powoduje skopiowania danych do schowka. (źródło fragmentu kodu pochodzi z posta na Reddicie). Czy robię to źle? Czy ktoś może zasugerować, czy …
12
jaki jest właściwy sposób wywołania API w reakcji js?
Niedawno przeniosłem się z Angular do ReactJs. Używam jQuery do wywołań API. Mam API, które zwraca losową listę użytkowników, która ma zostać wydrukowana na liście. Nie wiem, jak pisać wywołania interfejsu API. Jaka jest najlepsza praktyka w tym zakresie? Próbowałem wykonać następujące czynności, ale nie otrzymuję żadnych wyników. Jestem otwarty …
19
Jak dołączyć bootstrap css i js do aplikacji Reactjs?
Jestem nowy w responsjs, chcę dołączyć bootstrap do mojej aplikacji React Zainstalowałem bootstrap przez npm install bootstrap --save Teraz chcę załadować bootstrap css i js w mojej aplikacji React. Używam WebPacka. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, devServer: { inline: true, port: …
11
Poprawna ścieżka do img w React.js
Mam problem z moimi obrazami w moim projekcie React. Rzeczywiście, zawsze myślałem, że ścieżka względna do atrybutu src została zbudowana na architekturze plików Tutaj moja architektura plików: components file1.jsx file2.jsx file3.jsx container img js ... Jednak zdałem sobie sprawę, że ścieżka jest zbudowana na adresie URL. W jednym z moich …
14
Nie można przeprowadzić aktualizacji stanu React na niezmontowanym komponencie
Problem Piszę aplikację w React i nie był w stanie uniknąć super Częstym błędem, który dzwoni setState(...)po componentWillUnmount(...). Bardzo uważnie przyjrzałem się mojemu kodowi i próbowałem wprowadzić pewne klauzule ochronne, ale problem nie ustąpił i nadal przestrzegam ostrzeżenia. Dlatego mam dwa pytania: Jak mogę dowiedzieć się na podstawie śladu stosu …
3
Jak używać metody cyklu życia getDerivedStateFromProps w przeciwieństwie do componentWillReceiveProps
Wygląda na componentWillReceivePropsto, że w nadchodzących wersjach zostanie całkowicie wycofane na korzyść nowej metody cyklu życia getDerivedStateFromProps: statycznej getDerivedStateFromProps () . Po sprawdzeniu wygląda na to, że nie możesz teraz dokonać bezpośredniego porównania między this.propsi nextProps, tak jak możesz w componentWillReceiveProps. Czy można to obejść? Ponadto zwraca teraz obiekt. Czy …
11
React.js: identyfikowanie różnych danych wejściowych za pomocą jednej procedury obsługi onChange
Ciekawe, jaki jest właściwy sposób podejścia do tego: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1} onChange={this.handleChange} /> <input type="text" value={this.state.input2} onChange={this.handleChange} /> </div> ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = this.state.input1 + …
142 javascript  reactjs  jsx 
9
Niezmienione naruszenie: nie można znaleźć „sklepu” ani w kontekście, ani w rekwizytach „Connect (SportsDatabase)”
Pełny kod tutaj: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Cześć, Mam aplikację, w której pokazuje różne szablony dla komputerów stacjonarnych i mobilnych w oparciu o środowisko kompilacji. Z powodzeniem mogę go opracować tam, gdzie muszę ukryć menu nawigacyjne dla mojego szablonu mobilnego. w tej chwili jestem w stanie napisać jeden przypadek testowy, w którym pobiera …
142 reactjs  mocha  redux 
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.