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

11
Wywołaj metodę komponentu React z zewnątrz
Chcę wywołać metodę ujawnioną przez składnik React z wystąpienia elementu React. Na przykład w tym pliku jsfiddle . Chcę wywołać alertMessagemetodę z HelloElementreferencji. Czy jest sposób na osiągnięcie tego bez konieczności pisania dodatkowych opakowań? Edytuj (kod skopiowany z JSFiddle) <div id="container"></div> <button onclick="onButtonClick()">Click me!</button> var onButtonClick = function () { …
95 reactjs 
3
Jak mogę zresetować komponent reagujący, w tym cały stan przejściowo osiągalny?
Czasami mam elementy reagujące, które są koncepcyjnie stanowe, które chcę zresetować. Idealne zachowanie byłoby równoznaczne z usunięciem starego komponentu i odczytaniem nowego, nieskazitelnego komponentu. React udostępnia metodę, setStatektóra pozwala na ustawienie własnego jawnego stanu komponentów, ale wyklucza niejawny stan, taki jak fokus przeglądarki i stan formularza, a także wyklucza stan …
94 reactjs 
7
ReactJS i obrazy w folderze publicznym
Jestem nowy w ReactJS i chcę importować obrazy w komponencie. Te obrazy znajdują się w folderze publicznym i nie wiem, jak uzyskać dostęp do folderu z komponentu reagowania. Jakieś pomysły ? EDYTOWAĆ Chcę zaimportować obraz do pliku Bottom.js lub Header.js Folder struktury to: Nie używam webpacka. Czy powinienem ? Edytuj …
12
Czy można użyć instrukcji if… else… w funkcji renderowania React?
Zasadniczo mam komponent reagujący, jego render()ciało funkcyjne jest takie jak poniżej: (Jest to mój idealny, co oznacza, że ​​obecnie nie działa) render(){ return ( <div> <Element1/> <Element2/> // note: code does not work here if (this.props.hasImage) <MyImage /> else <OtherElement/> </div> ) }
94 reactjs 
5
co to jest atrybut data-actid w html?
Przeglądając kod HTML niektórych stron, zauważyłem, że niektóre z nich używają tego atrybutu „data -activeid”, na przykład: <a data-reactid="......" ></a> Co to za atrybut i jaka jest jego funkcja?
5
reaguj na haki czyszczenie useEffect () tylko dla componentWillUnmount?
Pozwólcie, że wyjaśnię wynik tego kodu, aby łatwo zadać mój problem. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username }); return () => { console.log('cleaned up'); console.log({ name, username }); }; }, [username]); const handleName …
8
Dodawanie pliku .env do projektu React
Próbuję ukryć mój klucz API, gdy zdecyduję się na github, i przejrzałem forum w poszukiwaniu wskazówek, szczególnie następujący post: Jak ukryć klucz API w aplikacji create-react-app? Wprowadziłem zmiany i ponownie uruchomiłem przędzę. Nie jestem pewien, co robię źle –– Dodałem .envplik do katalogu głównego projektu (nazwałem go process.env) i do …
10
Dynamiczny atrybut w ReactJS
Chcę dynamicznie dołączać / pomijać wyłączony atrybut w elemencie przycisku. Widziałem wiele przykładów dynamicznych wartości atrybutów, ale nie samych atrybutów. Mam następującą funkcję renderowania: render: function() { var maybeDisabled = AppStore.cartIsEmpty() ? "disabled" : ""; return <button {maybeDisabled}>Clear cart</button> } Powoduje to błąd analizy z powodu znaku „{”. Jak mogę …
93 reactjs 
9
Kiedy bindActionCreators zostanie użyta w React / Redux?
Dokumentacja Redux dla bindActionCreators stwierdza, że: Jedynym przypadkiem użycia bindActionCreatorsjest sytuacja, gdy chcesz przekazać niektórych twórców akcji do komponentu, który nie jest świadomy istnienia Redux, i nie chcesz przekazywać do niego wysyłki ani sklepu Redux. Jaki byłby przykład, gdzie bindActionCreatorsbyłby używany / potrzebny? Który rodzaj komponentu nie byłby świadomy Redux …
9
Poprawny sposób obsługi stylów warunkowych w Reakcie
Robię teraz trochę Reacta i zastanawiałem się, czy istnieje „poprawny” sposób na stylizację warunkową. W samouczku używają style={{ textDecoration: completed ? 'line-through' : 'none' }} Wolę nie używać stylów wbudowanych, więc zamiast tego chcę używać klasy do sterowania stylami warunkowymi. Jak można podejść do tego w myśleniu Reacta? A może …
14
REACT - przełącz klasę onclick
Próbuję dowiedzieć się, jak przełączyć aktywną klasę, onClickaby zmienić właściwości CSS. Podjąłem wiele podejść i przeczytałem wiele odpowiedzi TAK. Korzystanie z jquery byłoby stosunkowo proste, jednak nie mogę wymyślić, jak to zrobić za pomocą reakcji. Mój kod jest poniżej. Czy ktoś może doradzić, jak mam to zrobić? Czy można to …
3
Jaka jest różnica między redux-thunk i redux-promise?
O ile wiem i poprawiam mnie, jeśli się mylę, redux-thunk to oprogramowanie pośredniczące, które pomaga nam wywoływać funkcję asynchroniczną i debugować wartości w samej akcji, podczas gdy gdy użyłem redux-obietnica, nie mogłem tworzyć funkcji asynchronicznych bez implementacji własnej mechanizm, ponieważ Action rzuca wyjątek wysyłania tylko zwykłych obiektów. Jakie są główne …
4
Dostęp do kontekstu reakcji poza funkcją renderowania
Opracowuję nową aplikację, używając nowego interfejsu API React Context zamiast Redux, a wcześniej, Reduxgdy potrzebowałem na przykład listy użytkowników, po prostu wzywam componentDidMountswoją akcję, ale teraz, dzięki React Context, moje działania są wewnątrz mój Konsument, który znajduje się wewnątrz mojej funkcji renderującej, co oznacza, że ​​za każdym razem, gdy moja …
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.