Pytania oznaczone «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ść.

1427
Nawiguj programowo za pomocą routera reagującego

Za react-routerpomocą tego Linkelementu mogę tworzyć linki, które są natywnie obsługiwane przez router reagujący. Widzę, że to wewnętrzne połączenia this.context.transitionTo(...). Chcę zrobić nawigację. Nie z linku, ale z rozwijanego wyboru (jako przykład). Jak mogę to zrobić w kodzie? Co to...

1278
Pętla wewnątrz React JSX

Próbuję zrobić coś takiego w React JSX(gdzie ObjectRow jest osobnym składnikiem): <tbody> for (var i=0; i < numrows; i++) { <ObjectRow/> } </tbody> Rozumiem i rozumiem, dlaczego to nie jest poprawne JSX, skoro JSXmapy do wywołań funkcji. Jednakże, pochodząc z szablonu i...

888
Jak przekazać rekwizyty do {this.props.children}

Próbuję znaleźć właściwy sposób zdefiniowania niektórych składników, które mogłyby być używane w ogólny sposób: <Parent> <Child value="1"> <Child value="2"> </Parent> Istnieje oczywiście logika renderowania między komponentami nadrzędnymi i podrzędnymi, co można sobie...

638
React js onClick nie może przekazać wartości do metody

Chcę przeczytać właściwości wartości zdarzenia onClick. Ale kiedy klikam, widzę coś takiego na konsoli: SyntheticMouseEvent {dispatchConfig: Object, dispatchMarker: ".1.1.0.2.0.0:1", nativeEvent: MouseEvent, type: "click", target Mój kod działa poprawnie. Kiedy uruchamiam, widzę, {column}ale nie...

629
Jak ustawić fokus na polu wejściowym po renderowaniu?

Jak zareaguje ustawienie fokusu na określonym polu tekstowym po renderowaniu komponentu? Dokumentacja wydaje się sugerować użycie referencji, np .: Ustaw ref="nameInput"w moim polu wejściowym w funkcji renderowania, a następnie wywołaj: this.refs.nameInput.getInputDOMNode().focus(); Ale gdzie...

559
Jaka jest różnica między stanem a rekwizytami w React?

Oglądałem kurs Pluralsight na React i instruktor stwierdził, że rekwizytów nie należy zmieniać. Teraz czytam artykuł (uberVU / reaguj-przewodnik) na temat rekwizytów vs. stan i mówi Zarówno rekwizyty, jak i zmiany stanu wyzwalają aktualizację renderowania. W dalszej części artykułu jest...

549
Jak warunkowo dodać atrybuty do składników React?

Czy istnieje sposób dodawania atrybutów do komponentu React tylko wtedy, gdy spełniony jest określony warunek? Powinienem dodać wymagane i atrybuty readOnly, aby utworzyć elementy oparte na wywołaniu Ajax po renderowaniu, ale nie widzę, jak to rozwiązać, ponieważ readOnly = „false” to nie to samo,...

532
Pokaż lub ukryj element w React

Po raz pierwszy bawię się React.js i nie mogę znaleźć sposobu, aby pokazać lub ukryć coś na stronie poprzez zdarzenie click. Nie ładuję żadnej innej biblioteki na stronę, więc szukam natywnego sposobu korzystania z biblioteki React. To właśnie mam. Chciałbym wyświetlić div wyników, gdy zadziała...

512
Najlepsze praktyki w stylu Inact.js

Wiem, że możesz określić style w klasach React, takie jak to: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); Czy powinienem dążyć do stylizacji w ten...

496
Przeprowadź debounce w React.js

Jak przeprowadzasz debounce w React.js? Chcę ogłosić uchwytOnChange. Próbowałem z, debounce(this.handleOnChange, 200)ale to nie działa. function debounce(fn, delay) { var timer = null; return function() { var context = this, args = arguments; clearTimeout(timer); timer =...