reactjs
Jak zoptymalizować małe aktualizacje właściwości zagnieżdżonego komponentu w React + Redux?
Przykładowy kod: https://github.com/d6u/example-redux-update-nested-props/blob/master/one-connect/index.js
Zobacz demo na ży ... dodano react-zwirtualizowany przykład oparty na "connect at every with memorisation"
INITIAL: 31.878ms
DISPATCH: 4.549ms
Jak sprawdzić właściwości zagnieżdżonego obiektu w ReactJS?
Używam obiektu danych jako rekwizytów dla komponentu w ReactJS.
<Field data={data} />
Wiem, że łatwo jest zweryfikow ... chcę zweryfikować wartości wewnątrz? ie. data.id, data.tytuł?
props[propName]: React.PropTypes.number.required // etc...
React Hook Warnings for async function in useEffect: funkcja useEffect musi zwracać funkcję czyszczenia lub nic
Próbowałem {[1] } przykład coś jak poniżej:
useEffect(async () => {
try {
const response = await fetch(`https ... e jestem pewien, dlaczego dostaję to Ostrzeżenie. Łączenie piaskownicy z przykładami. https://codesandbox.io/s/24rj871r0p
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ć.
Jak zaimplementować uwierzytelnione trasy w React Router 4?
Próbowałem zaimplementować uwierzytelnione trasy, ale okazało się, że React Router 4 uniemożliwia to działanie:
<Route e ... d
}
Poprawne wysłanie akcji w render() wydaje się złe. Nie wydaje się to poprawne z componentDidMount lub innym haczykiem?
Jak stworzyć plik helpera pełen funkcji w React native?
Chociaż jest podobne pytanie, nie mogę utworzyć pliku z wieloma funkcjami. Nie wiem, czy metoda jest już przestarzała, czy ni ... a pierwsza konsola.log, co oznacza, że importuję poprawną ścieżkę, ale nie inne.
Jaki jest prawidłowy sposób, aby to zrobić?
Wielokrotne wywołania state updater z usestate w komponencie powodują wielokrotne renderowanie
Po raz pierwszy próbuję reactowych hooków i wszystko wydawało się dobre, dopóki nie zdałem sobie sprawy, że kiedy dostaję Dan ... cznym wydaje się być wielokrotne ponowne renderowanie, gdy są one aktualizowane oddzielnie. Jakieś pomysły, jak to złagodzić?
Jaka jest różnica między redux-thunk a redux-promise?
O ile wiem i popraw mnie, jeśli się mylę, redux-thunk jest oprogramowaniem pośredniczącym, które pomaga nam wysyłać funkcje ... tami? Czy są jakieś korzyści z używania obu pakietów w pojedynczej aplikacji react lub trzymanie się redux-thunk wystarczy?
Jak utworzyć Modal Reactowy (który jest dołączany do`') z przejściami?
W tej odpowiedzi jest modal https://stackoverflow.com/a/26789089/883571 {[3] } czyli tworzenie modalu opartego na Reaccie po ... kompatybilny z dodatkami przejściowymi dostarczonymi przez Reacta.
Jak utworzyć taki z przejściami (podczas enter I leave)?
ReactJS-Form input validation
Mój formularz kontaktowy wygląda następująco,
<form name="contactform" onSubmit={this.contactSubmit.bind(this)}>
&l ... t;
</form>
Trzeba dodać walidację dla wszystkich pól. Czy ktoś może mi pomóc dodać walidację w tym formularzu Reacta?
Pobierz dane formularza w Reactjs
W mojej funkcji render mam prostą formę, tak:
render : function() {
return (
<form>
<input ... password here ?
}
Co powinienem napisać w moim handleLogin: function() { ... }, aby uzyskać dostęp do pól Email i Password?
ReactJS: dlaczego przekazanie stanu początkowego komponentu jest rekwizytem anty-wzorcem?
Stworzyłem Mały Pulpit Nawigacyjny ReactJS za pomocą SocketIO do aktualizacji na żywo. Mimo że mam aktualizację Pulpitu nawig ... ję, że to jest anty-wzorzec, ponieważ teraz muszę śledzić więcej zmiennych niż wcześniej (te poprzedzone initial i te bez).
Jaki jest najlepszy sposób na przekierowanie strony za pomocą routera React?
Jestem nowy w routerze Reactowym i dowiaduję się, że jest tak wiele sposobów na przekierowanie strony:
Using browserHisto ... actowym routerze v4?
Jestem tak zdezorientowany tymi wszystkimi opcjami, czy jest najlepszy sposób na przekierowanie strony?
React Hookuje usestate () z obiektem
Jaki jest prawidłowy sposób aktualizacji stanu, czy obiekt zagnieżdżony, w Reaccie z Hookami?
export Example = () => {
... fieldOne: "e",
fieldTwo: {
fieldTwoOne: "f"
fieldTwoTwo: "g"
}
}
})
Czy powinienem użyć jednego lub wielu useEffect w komponencie?
Mam kilka skutków ubocznych do zastosowania i chcę wiedzieć, jak je zorganizować:
jako pojedynczy useEffect
lub kilka efektów użycia
Co jest lepsze pod względem wydajności i architektury?
React JS warunkowo stosując atrybuty klasy
Chcę warunkowo pokazać i ukryć tę grupę przycisków w zależności od tego, co zostanie przekazane z komponentu nadrzędnego, któ ... iv>
);
}
});
Nic się jednak nie dzieje, {to.rekwizyty.showBulkActions ? 'show': 'hidden'}. Czy robię tu coś złego?
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}">
Jak sprawić, by webpack dev Server działał na porcie 80 i 0.0.0.0, aby był publicznie dostępny?
Jestem nowy w całym świecie nodejs/reactjs, więc przepraszam, jeśli moje qs brzmi głupio. Więc bawię się tą aplikacją reactjs ... robi to ustawienie.
Również do tego dodać - jak Sprawię, że będzie działał na porcie 80, jeśli to w ogóle możliwe?
Dzięki.
ReactJS SyntheticEvent stopPropagation () działa tylko ze zdarzeniami Reacta?
Próbuję użyć eventu.stopPropagation () wewnątrz komponentu ReactJS, aby zatrzymać Zdarzenie kliknięcia przed bulgotaniem i wy ... ery Alert');
});
$(document).on('click', '.stop-propagation', function(e){
e.stopPropagation();
});
});
Jak najlepiej zaktualizować obiekt w tablicy w ReactJS?
Jeśli masz tablicę jako część stanu i ta tablica zawiera obiekty, jaki jest łatwy sposób na zaktualizowanie stanu za pomocą z ... d; }).first();
var updatedComments = ??; // not sure how to do this
this.setState({data: updatedComments});
}
}