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

14
Jak uzyskać dostęp do niestandardowych atrybutów z obiektu zdarzenia w React?
React jest w stanie renderować niestandardowe atrybuty zgodnie z opisem na stronie http://facebook.github.io/react/docs/jsx-gotchas.html : Jeśli chcesz użyć niestandardowego atrybutu, powinieneś go poprzedzić danymi. <div data-custom-attribute="foo" /> I to jest dobra wiadomość, ale nie mogę znaleźć sposobu, aby uzyskać do niej dostęp z obiektu zdarzenia, np .: render: function() { ... …

15
Jak łączyć wiele obiektów w stylu wbudowanym?
W React możesz wyraźnie utworzyć obiekt i przypisać go jako styl wbudowany. to znaczy. wspomniane poniżej. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only lowercase vendor prefix }; var divStyle2 = …
214 reactjs 

9
Reactjs konwertuje ciąg HTML na jsx
Mam problem z ReactJS na Facebooku. Ilekroć robię ajax i chcę wyświetlić dane HTML, ReactJS wyświetla je jako tekst. (Patrz rysunek poniżej) Dane są wyświetlane przez funkcję wywołania zwrotnego jQuery Ajax. $.ajax({ url: url here, dataType: "json", success: function(data) { this.setState({ action: data.action }) }.bind(this) }); Czy jest jakiś prosty …

7
React Funkcja onClick uruchamia się podczas renderowania
Przekazuję 2 wartości do elementu potomnego: Lista obiektów do wyświetlenia funkcja usuwania. Używam funkcji .map () do wyświetlania mojej listy obiektów (jak w przykładzie podanym na stronie z instrukcją reagowania), ale przycisk w tym komponencie uruchamia onClickfunkcję podczas renderowania (nie powinien odpalać w czasie renderowania). Mój kod wygląda następująco: module.exports …

15
ReactNative: jak wyśrodkować tekst?
Jak wyśrodkować tekst w ReactNative zarówno w poziomie, jak i w pionie? Mam przykładową aplikację w rnplay.org, w której justifyContent = „center” i alignItems = „center” nie działa: https://rnplay.org/apps/AoxNKQ Tekst powinien być wyśrodkowany. I dlaczego u góry między tekstem (żółty) a kontenerem macierzystym jest margines? Kod: 'use strict'; var React …


6
ReactJS - .JS vs .JSX
Jest coś, co wydaje mi się bardzo mylące podczas pracy React. Istnieje wiele przykładów dostępnych w Internecie, które wykorzystują .jspliki z reakcją, ale wiele innych używa .jsxplików. Przeczytałem o .jsxplikach i rozumiem, że pozwalają one po prostu pisać tagi HTML w twoim pliku javascript. Ale to samo można również zapisać …
211 reactjs  jsx 

10
Jak przekazać dane z komponentu podrzędnego do jego elementu nadrzędnego w ReactJS?
Próbuję wysłać dane z elementu potomnego do jego elementu nadrzędnego w następujący sposób: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return ( <div className="col-sm-9" > <SelectLanguage onSelectLanguage={this.handleLanguage}/> </div> ); }); a tutaj jest element potomny: export const …
211 reactjs 

18
Jak określić port, aby uruchomić projekt oparty na tworzeniu aplikacji?
Mój projekt opiera się na tworzeniu aplikacji . npm startlub yarn startdomyślnie uruchomi aplikację na porcie 3000 i nie ma opcji podania portu w pliku package.json. Jak mogę w tym przypadku podać wybrany port? Chcę uruchomić dwa z tego projektu jednocześnie (do testowania), jeden w porcie, 3005a drugi jest3006
211 reactjs  npm 

11
Dlaczego niezmienność jest tak ważna (lub potrzebna) w JavaScript?
Obecnie pracuję nad platformami React JS i React Native . W połowie drogi natknąłem się na bibliotekę Immutability lub Immutable-JS , kiedy czytałem o implementacji Flux i Redux na Facebooku. Pytanie brzmi: dlaczego niezmienność jest tak ważna? Co jest złego w mutowaniu obiektów? Czy to nie ułatwia rzeczy? Podając przykład, …

6
Jak wywołać funkcję ładowania za pomocą React useEffect tylko raz
useEffect React hak będzie działać w funkcji przekazany na każdej zmianie. Można to zoptymalizować, aby zadzwonił tylko wtedy, gdy zmienią się pożądane właściwości. Co zrobić, jeśli chcę wywołać funkcję inicjowania componentDidMounti nie wywoływać jej ponownie w przypadku zmian? Powiedzmy, że chcę załadować jednostkę, ale funkcja ładowania nie potrzebuje żadnych danych …

9
Reakcja składnika inicjuje stan z rekwizytów
Czy w React są jakieś rzeczywiste różnice między tymi dwiema implementacjami? Niektórzy znajomi mówią mi, że FirstComponent jest wzorem, ale nie rozumiem dlaczego. SecondComponent wydaje się prostszy, ponieważ renderowanie jest wywoływane tylko raz. Pierwszy: import React, { PropTypes } from 'react' class FirstComponent extends React.Component { state = { description: …

6
wywołać zdarzenie Zmień po naciśnięciu klawisza Enter
Jestem nowy w Bootstrap i utknąłem z tym problemem. Mam pole wprowadzania i jak tylko wprowadzę tylko jedną cyfrę, onChangewywoływana jest funkcja from , ale chcę, aby została wywołana po naciśnięciu klawisza „Enter” po wprowadzeniu liczby całkowitej. Ten sam problem z funkcją sprawdzania poprawności - wywołuje zbyt wcześnie. var inputProcent …


8
Wstaw HTML za pomocą instrukcji React Variable (JSX)
Tworzę coś z React, gdzie muszę wstawić HTML z React Variables w JSX. Czy istnieje sposób na taką zmienną: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; i wstawić go w taki sposób, żeby działał? render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); } i czy wstawia HTML zgodnie z …

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.