react-jsx

Jak przekazać rekwizyty {to.rekwizyty.dzieci}

Staram się znaleźć odpowiedni sposób, aby zdefiniować niektóre składniki, które mogą być używane w sposób ogólny: <Paren ... używasz {this.props.children} do zdefiniowania komponentu wrappera, jak przekazać jakąś właściwość do wszystkich jego dzieci?

Reaguj.najlepsze praktyki w stylu js inline

Zdaję sobie sprawę, że możesz określić style w klasach Reactowych, tak: var MyDiv = React.createClass({ render: function( ... ine? Wydaje się dziwne i niechlujne, aby zrobić trochę z obu - dwa miejsca trzeba sprawdzić podczas poprawiania stylizacji.

Czy można wymusić na komponencie Reactowym przekierowanie bez wywoływania setState?

Mam zewnętrzny (do komponentu), obserwowalny obiekt, na którym chcę słuchać zmian. Gdy obiekt jest aktualizowany, emituje zda ... ebują, aby mieć stan, aby reenderować? Czy istnieje sposób, aby zmusić komponent do aktualizacji na żądanie bez zmiany stanu?

Jak mieć elementy warunkowe i zachować suchość z Facebook React JSX?

Jak opcjonalnie dołączyć element w JSX? Oto przykład użycia banera, który powinien znajdować się w komponencie, jeśli został ... <div id="other-content"> blah blah blah... </div> </div> ); }

Wstaw HTML z instrukcjami zmiennej Reactowej (JSX) [duplikat]

to pytanie ma już odpowiedzi tutaj : ... ic o funkcji reactowej, która mogłaby to zrobić w wierszu, ani o metodzie parsowania rzeczy, która umożliwiłaby to działanie.

Jak zapętlić i renderować elementy w Reaccie.js bez tablicy obiektów do mapowania?

Próbuję przekonwertować komponent jQuery na React.js i jedną z rzeczy, z którymi mam problem jest renderowanie n liczby eleme ... "Some text value" ... ); } Na pewno nie może to być najlepszy, czy jedyny sposób, aby to osiągnąć? Co przegapiłem?

Dodawanie znacznika skryptu do Reacta / JSX

Mam stosunkowo prosty problem z dodaniem skryptów wbudowanych do komponentu Reactowego. Co mam do tej pory: 'use strict'; ... órej mi brakuje. Czy ktoś może pomóc? PS: Zignoruj foobara, mam w użyciu prawdziwe id, którym nie miałem ochoty się dzielić.

React JSX: access Props in Quotes

W JSX, jak odwoływać się do wartości z {[2] } wewnątrz cytowanej wartości atrybutu? Na przykład: <img className="image" ... rc="images/{this.props.image}" /> Wynikowe wyjście HTML to: <img class="image" src="images/{this.props.image}">

React JSX: wybranie "selected" na wybranej opcji

W komponencie Reactowym dla menu <select>, muszę ustawić atrybut selected na opcji, która odzwierciedla stan aplikacji. ... e} {selected ? 'selected' : ''}>{option.label}</option> Jest jest jakiś zalecany sposób rozwiązania tego problemu?

Wstaw HTML z instrukcjami zmiennej Reactowej (JSX)

Buduję coś z Reactem, gdzie muszę wstawić HTML ze zmiennymi Reactowymi w JSX. Czy istnieje sposób na taką zmienną: var this ... ic o funkcji reactowej, która mogłaby to zrobić w wierszu, ani o metodzie parsowania rzeczy, która umożliwiłaby to działanie.

Nazwa dynamicznego komponentu React / JSX

Próbuję dynamicznie renderować komponenty na podstawie ich typu. Na przykład: var type = "Example"; var ComponentName = ty ... a każdego komponentu, który tworzę. Musi być więcej eleganckie rozwiązanie tego problemu. Jestem bardzo otwarty na sugestie.

ReactJS Konwertuj na html

Mam problem z ReactJS na facebook ' u. Ilekroć robię ajax i chcę wyświetlić dane html, ReactJS wyświetla je jako tekst. (Patr ... n }) }.bind(this) }); Czy Jest jakiś łatwy sposób na konwersję tego do html? Jak mam to zrobić używając ReactJS?

Reaguj.js: jak odłączyć jsx od JavaScript

Czy Jest jakiś sposób na przeniesienie jsx z funkcji renderującej komponentu do osobnego pliku? Jeśli tak, jak mogę odwołać się do jsx w funkcji renderowania?

Podświetlanie składni Visual Studio 2015 JSX/ES2015

Jak uzyskać prawidłowe podświetlenie składni w Visual Studio 2015 dla JSX z kodem ES2015? Działa dobrze, jeśli usunę import i export Słowa kluczowe: Właśnie zaktualizowałem Visual Studio 2015 Enterprise Update 1, ale nadal pozostaje taka sama.

ReactJS-Dodaj własny detektor zdarzeń do komponentu

W zwykłym starym javascript mam DIV <div class="movie" id="my_movie"> Oraz poniższy kod javascript var myMovie = ... ); navigation.setOption('attrElementFOV','aria-nv-el-fov'); navigation.setOption('attrElementCurrent','aria-nv-el-current');

ReactJS: obsługa onclick nie uruchamia się po umieszczeniu na komponencie potomnym

Ostatnio zacząłem pracować z ReactJS. W szczególności wykorzystuję Składniki react-rails ruby gem i react-bootstrap. Mam pyt ... słuchacz tam (próbowałem tego i działa), wydaje się, że to trochę marne. Czy ktoś zna na to dobry sposób? Dzięki chłopaki!

Czy jest formater JSX dla sublime text?

Używam Sublime Text jako edytora tekstu. Jest jsFormat do formatowania plików javascript, ale nie mogę znaleźć takiego dla JSX. Jak radzicie sobie z formatowaniem JSX?

W Sublime Text 3, Jak włączyć Emmet dla plików JSX?

Używałem wcześniej pakietu JSX Allana Hortle ' a dopóki nie napotkałem problemu z podświetlaniem składni. Zauważyłem, że ist ... ji za pomocą wiązań kluczy jednak wstępne zapoznanie się z wysublimowaną dokumentacją nie dawało światła na ten temat. Pomóc?

Dynamiczna nazwa znacznika w jsx i React

Próbuję napisać komponent Reactowy. dla znaczników nagłówkowych html (h1,h2,H3, itp...), gdzie priorytet nagłówka dynamicznie ... s.priority}> Oczekiwany wynik: <h1>Hello</h1> To nie działa. Czy jest jakaś możliwa metoda, aby to zrobić?

Najlepsza praktyka przy dodawaniu białych znaków w JSX

Rozumiem, jak (i Dlaczego) dodać białą spację w JSX, ale zastanawiam się, co jest najlepszą praktyką lub czy w ogóle robi jak ... -element-formatting"> Hello {" "} <span className="second-word-formatting">World!</span> </div>