reactjs
Spraw, aby hook react useEffect nie był uruchamiany podczas początkowego renderowania
Według docs:
componentDidUpdate() jest wywoływany natychmiast po aktualizacji. Ta metoda nie jest wywoływana dla początk ... tps://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
<div id="app"></div>
react Hooki useEffect () czyszczenie tylko dla componentWillUnmount?
Pozwól mi wyjaśnić wynik tego kodu, aby łatwo zadać mój problem.
const ForExample = () => {
const [name, setName] = u ... adzania nazwy, jak i componentWillUnmount(). (logowanie "wyczyszczone" tylko przez moment, gdy komponent jest odmontowywany)
Jak mogę odpowiedzieć na szerokość elementu DOM o automatycznym rozmiarze w Reaccie?
Mam złożoną stronę internetową używającą komponentów Reactowych i próbuję przekonwertować stronę ze statycznego układu na bar ... komponentach potomnych w ramach tej metody.
Czy istnieje standardowy sposób radzenia sobie z tym problemem za pomocą Reacta?
Czy mogę uniknąć forceupdate () podczas używania Reacta z Backbone?
Facebook React zachęca do oddzielenia mutable (state) i immutable (props) Stan:
Staraj się zachować jak najwięcej swoich ... cebook/react/blob/master/examples/todomvc-backbone/js/app.js#L148
Czy jest jednak lepszy sposób i jakie korzyści by to dało?
Reaguj.js-dostęp do metod komponentów
Dlaczego nie mogę uzyskać dostępu do metod komponentów z "zewnątrz" w ReactJS? Dlaczego nie jest to możliwe i czy jest jakiś ... },
someMethod: function() {
return 'bar';
}
});
React.renderComponent(<Parent />, document.body);
Jak mogę renderować powtarzające się elementy Reacta?
Napisałem kod do renderowania powtarzających się elementów w ReactJS, ale nienawidzę tego, jak jest brzydki.
render: functio ... );
}
Czy jest lepszy sposób, aby to osiągnąć?
(chciałbym umieścić pętle for w kodzie szablonu, lub podobne podejście.)
Reaguj na to.setState nie jest funkcją
Jestem nowy w Reaccie i próbuję napisać aplikację działającą z API. Ciągle dostaję ten błąd: TypeError: this.setState nie jes ... rn (
<div className="appMain">
<Header />
</div>
);
}
});
jaki jest preferowany sposób mutacji stanu Reacta?
Załóżmy, że mam listę prostych obiektów w moim this.state.list, które mogę następnie użyć do renderowania listy dzieci. Jaki ... niano w doc.
this._list.push(newObject):
this.setState({list: this._list});
To wydaje mi się brzydkie. Jest lepszy sposób?
Obsługujący front end stworzony z create-react-app z Flask
Mam back-end Flask z trasami API, do których dostęp ma Pojedyncza strona Reacta utworzona przy użyciu create-react-app. Podcz ... posób na wykorzystanie wbudowanych funkcji Flask do obsługi tych zasobów? Czy istnieje lepszy sposób użycia create-react-app?
React natywny tekst zniknie z mojego ekranu, odmawiając zawinięcia. Co robić?
Poniższy kod można znaleźć w ten przykład na żywo
Mam następujący element React native:
'use strict';
var React = requ ...
(to był początkowy powód, dla którego miałem flex: 0.8 w descriptionContainerHor.
Chcę osiągnąć coś takiego:
Dziękuję!
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?
Jak używać funkcji strzałek (publicznych pól klas) jako metod klasowych?
Jestem nowy w używaniu klas ES6 z Reactem, wcześniej wiązałem moje metody z bieżącym obiektem( pokaż w pierwszym przykładzie) ... azać SomeClass.handleInputChange do, na przykład setTimeout, byłby on przypisany do instancji klasy, a nie do obiektu window.
Jak importować i eksportować komponenty za pomocą React + ES6 + webpack?
Bawię się React i ES6 używając babel i webpack. Chcę zbudować kilka komponentów w różnych plikach, zaimportować w jednym plik ... : undefined. Check the render method of `MyPage`.
Co robię źle? Jak poprawnie zaimportować i wyeksportować moje komponenty?
Kiedy bindActionCreators będzie używany w react / redux?
Redux docs for bindActionCreators stwierdza, że:
Jedynym przypadkiem użycia bindActionCreators jest przekazanie niektó ... (postId, index) => {
dispatch({
type: 'REMOVE_COMMENT',
postId,
index
})
}
}
}
Dlaczego react docs zaleca wykonywanie AJAX w componentDidMount, a nie componentWillMount?
Tytuł mówi wszystko. Rozumiem, dlaczego componentDidMount jest odpowiednie dla wszystkiego, co wymaga dostępu do DOM, ale żądanie AJAX niekoniecznie lub Zwykle tego potrzebuje.
Co się dzieje?
Shadow DOM jest szybki jak Virtual DOM w Reaccie.js?
Czy implementacja Shadow DOM w moich projektach uczyni je szybszymi, jak wirtualny DOM używany przez Reacta?
Kiedy należy dodać Redux do aplikacji React?
Obecnie uczę się Reacta i próbuję dowiedzieć się, jak go używać z Reduxem do budowania aplikacji mobilnej. Jestem trochę zdez ... ę dodaniem niektórych reduktorów / akcji do tej aplikacji i nie jestem pewien, gdzie te wiązałyby się z tym, co już zrobiłem.
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.
ReactJS asynchroniczne renderowanie komponentów
Chcę renderować komponent po wykonaniu żądania ajax.
Poniżej możesz zobaczyć mój kod
var CategoriesSetup = React.createCla ... r some other invalid object.
Czy istnieje sposób, aby poczekać na zakończenie żądania ajax przed rozpoczęciem renderowania?
Niewłaściwe zachowanie hooków Reacta z detektorem zdarzeń
Bawię się z reactowymi hookami i napotkałem problem.
Pokazuje zły stan, gdy próbuję go zalogować za pomocą przycisku obsługi ... eśli przepiszę CardsProvider używając klasy, problem zniknie.
CodeSandbox using class: https://codesandbox.io/s/w2nn3mq9vl