Zbudowałem komponent w Reakcie, który ma aktualizować swój własny styl przy przewijaniu okna, aby stworzyć efekt paralaksy. Metoda komponentu renderwygląda następująco: function() { let style = { transform: 'translateY(0px)' }; window.addEventListener('scroll', (event) => { let scrollTop...
Chociaż istnieje podobne pytanie, nie udaje mi się utworzyć pliku z wieloma funkcjami. Nie jestem pewien, czy metoda jest już przestarzała, czy nie, ponieważ RN rozwija się bardzo szybko. Jak stworzyć globalną funkcję pomocniczą w React Native? Jestem nowy w React Native. To, co chcę zrobić, to...
Czy jest możliwe osadzenie znaczników SVG w komponencie ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Skutkuje błędem: Atrybuty przestrzeni nazw nie są obsługiwane. ReactJSX to...
Czytam o Flux, ale przykładowa aplikacja Todo jest zbyt uproszczona, abym mógł zrozumieć kilka kluczowych punktów. Wyobraź sobie aplikację z jedną stroną, taką jak Facebook, która ma strony profilu użytkownika . Na każdej stronie profilu użytkownika chcemy pokazać niektóre informacje o...
Używam ostatniej wersji modułu React-router, o nazwie React-router-dom, który stał się domyślnym narzędziem podczas tworzenia aplikacji internetowych w React. Chcę wiedzieć, jak wykonać przekierowanie po żądaniu POST. Robiłem ten kod, ale po prośbie nic się nie dzieje. Przeglądam w sieci, ale...
Mam aplikację react / redux, która pobiera token z serwera API. Po uwierzytelnieniu użytkownika chciałbym, aby wszystkie żądania axios miały ten token jako nagłówek autoryzacji bez konieczności ręcznego dołączania go do każdego żądania w akcji. Jestem dość nowy, jeśli chodzi o reakcję / redukcję i...
Jestem nowy w ReactJS i React-Router. Mam komponent, który odbiera przez props <Link/>obiekt z routera reagującego . Za każdym razem, gdy użytkownik kliknie przycisk „Dalej” w tym komponencie, chcę <Link/>ręcznie wywołać obiekt. W tej chwili używam referencji, aby uzyskać dostęp do...
Próbuję znaleźć najlepszy sposób na usunięcie elementu z tablicy w stanie komponentu. Ponieważ nie powinienem this.statebezpośrednio modyfikować zmiennej, czy istnieje lepszy sposób (bardziej zwięzły) na usunięcie elementu z tablicy niż to, co mam tutaj ?: onRemovePerson: function(index) {...
Jaki jest poprawny typ zdarzeń React. Początkowo użyłem tylko anyze względu na prostotę. Teraz próbuję wszystko uporządkować i anycałkowicie unikać używania . A więc w prostej formie, takiej jak ta: export interface LoginProps { login: { [k: string]: string | Function uname: string passw:...
Piszę skrypt, który przesuwa się poniżej lub powyżej wejścia w zależności od wysokości rozwijanego menu i pozycji wejścia na ekranie. Chcę też ustawić modyfikator na rozwijany zgodnie z jego kierunkiem. Ale użycie setStatewewnątrz componentDidUpdatetworzy nieskończoną pętlę (co jest...
Chodzi o to, że powinienem być w stanie włożyć Boba, Sally i Jacka do pudełka. Mogę też wyjąć albo z pudełka. Po usunięciu nie ma miejsca. people = ["Bob", "Sally", "Jack"] Muszę teraz usunąć, na przykład „Bob”. Nowa tablica wyglądałaby następująco: ["Sally", "Jack"] Oto mój składnik...
Jestem programistą Angular i nowy w React. To proste reagowanie na komponent, ale nie działa import react , { Component} from 'react'; import { render } from 'react-dom'; class TechView extends Component { constructor(props){ super(props); this.state = { name:'Gopinath' } } render(){...
Mam jeden formularz, który służy do tworzenia, odczytywania, aktualizowania i usuwania. Stworzyłem 3 komponenty o tej samej formie, ale przekazuję im różne rekwizyty. Mam CreateForm.js, ViewForm.js (tylko do odczytu za pomocą przycisku usuwania) i UpdateForm.js. Kiedyś pracowałem z PHP, więc...
Próbuję dodać komponent mapy React do mojego projektu, ale pojawia się błąd. Używam posta na blogu Fullstack React jako odniesienia. Wyśledziłem, gdzie pojawia się błąd w linii google_map.js 83: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw...
Mam elementy formularza z labelsi chcę mieć unikalne identyfikatory, aby połączyć labelje z elementami z htmlForatrybutem. Coś takiego: React.createClass({ render() { const id = ???; return ( <label htmlFor={id}>My label</label> <input id={id} type="text"/> );...
Zbyt wiele razy słyszę termin „montowanie” podczas nauki ReactJS. Wydaje się, że w odniesieniu do tego terminu występują metody cyklu życia i błędy. Co dokładnie oznacza React przez montowanie? Przykłady: componentDidMount() and
Testuję komponent React z płytkim renderowaniem Jasmine Enzyme. Uproszczony tutaj do celów tego pytania ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div>...
Chcę zbudować system czatu i automatycznie przewijać do dołu po wejściu do okna i kiedy przychodzą nowe wiadomości. Jak automatycznie przewijać do dołu kontenera w
Jestem nowy w ReactJS i UI i chciałem wiedzieć, jak wykonać proste wywołanie POST oparte na REST z kodu ReactJS. Gdyby był jakiś przykład, byłby naprawdę
Jak wykryć naciśnięcie klawisza Esc na reagjach? Podobnie jak w jquery $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); Po wykryciu chcę przekazać komponenty informacji. Mam 3 komponenty, z których ostatni aktywny...