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

6
Czy można zwrócić pusty w funkcji Render Render?
Mam składnik powiadomień i mam dla niego ustawienie limitu czasu. po przekroczeniu limitu czasu dzwonię this.setState({isTimeout:true}). To, co chcę zrobić, to jeśli już upłynął limit czasu, chcę po prostu nic nie renderować: render() { let finalClasses = "" + (this.state.classes || ""); if (isTimeout){ return (); // here has some …
135 reactjs 
7
Pobrać dane z obiektu ReadableStream?
Jak mogę uzyskać informacje z ReadableStreamobiektu? Używam Fetch API i nie widzę tego w dokumentacji. Ciało jest zwracane jako a ReadableStreami chciałbym po prostu uzyskać dostęp do właściwości w tym strumieniu. W sekcji Response w narzędziach programistycznych przeglądarki wydaje mi się, że informacje te są uporządkowane we właściwościach w postaci …
8
Metoda cyklu życia ReactJS wewnątrz komponentu funkcji
Zamiast pisać moje komponenty wewnątrz klasy, chciałbym zamiast tego użyć składni funkcji. Jak mogę nadpisać componentDidMount, componentWillMountwewnątrz elementów funkcyjnych? Czy to w ogóle możliwe? const grid = (props) => { console.log(props); let {skuRules} = props; const componentDidMount = () => { if(!props.fetched) { props.fetchRules(); } console.log('mount it!'); }; return( <Content …
135 reactjs  redux 
9
Czym jest useState () w Reakcie?
Obecnie uczę się koncepcji hooków w Reakcie i próbuję zrozumieć poniższy przykład. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click …
9
Jak używać wywołania zwrotnego `setState` na zaczepach reagowania
React hooks wprowadza useStatedo ustawiania stanu komponentu. Ale jak mogę użyć hooków, aby zamienić wywołanie zwrotne, jak poniżej: setState( { name: "Michael" }, () => console.log(this.state) ); Chcę coś zrobić po zaktualizowaniu stanu. Wiem, że mogę useEffectzrobić dodatkowe rzeczy, ale muszę sprawdzić poprzednią wartość stanu, która wymaga kodu bitowego. Szukam …
134 reactjs 
6
Jak stworzyć plik pomocniczy pełen funkcji w React Native?
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 stworzyć plik js …
14
Zaktualizuj styl komponentu onScroll w React.js
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 = event.srcElement.body.scrollTop, itemTranslate = Math.min(0, scrollTop/3 - 60); style.transform = 'translateY(' + itemTranslate + …
3
Jak w architekturze Flux zarządzasz cyklem życia sklepu?
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żytkowniku i jego ostatnie posty z nieskończonym przewijaniem. Możemy …
6
Osadzanie SVG w ReactJS
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 nie XML. Jaki jest najlżejszy sposób na zrobienie tego. Używanie czegoś takiego jak React ART jest …
132 javascript  svg  reactjs 
11
Jak używać przekierowania w nowym React-router-dom w Reactjs
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 wszystkie dane dotyczą poprzednich wersji routera reagującego, a nie …
6
setState () wewnątrz componentDidUpdate ()
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 oczywiste) Znalazłem rozwiązanie w używaniu getDOMNodei ustawianiu nazwy klasy bezpośrednio na liście …
7
React-router: Jak ręcznie wywołać Link?
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 instancji zapasowej i ręcznie klikam <Link/>generowany tag „a” . …
10
Usuwanie elementu z tablicy w stanie komponentu
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) { this.setState(prevState => { // pass callback in setState to avoid race condition …
5
Maszynopis: Reaguj typy zdarzeń
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: string logIn: Function } } @inject('login') …
9
Dołącz nagłówek Authorization dla wszystkich żądań Axios
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 nie jestem pewien najlepszego podejścia …
131 reactjs  redux  axios 
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.