reactjs
Jak użyć Redux do odświeżenia tokena JWT?
Nasza aplikacja React Native Redux używa tokenów JWT do uwierzytelniania. Istnieje wiele działań, które wymagają takich token ... ania, które wymagają uwierzytelnienia, dopóki token nie zostanie odświeżony. Czy istnieje sposób, aby to zrobić z middleware?
Na routerze Reactowym, jak pozostać zalogowanym nawet odświeżyć stronę?
Robię stronę z Reactem i routerem Reactowym z Reduxem. Wiele tras (stron) wymaga zalogowania. Mogę przekierować do logowania ... a będzie korzystać z wielu ludzi, więc chcę zmniejszyć XHR połączeń, jak to możliwe.
Każda rada będzie bardzo mile widziana.
Osadzanie SVG w ReactJS
Czy możliwe jest osadzenie znaczników SVG w komponencie ReactJS?
render: function() {
return (
<span>
< ... t XML.
Jaki jest najlżejszy sposób na to. Używanie czegoś takiego jak react ART jest przesadą dla tego, co próbuję zrobić.
Reaguj.useState nie przeładowuje stanu z właściwości
Spodziewam się, że stan przeładuje się przy zmianie właściwości, ale to nie działa i user zmienna nie jest aktualizowana przy ... );
return user.avatar ?
(<img src={user.avatar}/>)
: (<p>Loading...</p>);
}
Codepen
Aktualizowanie i scalanie obiektu stanu za pomocą Hooka React useState()
Uważam, że te dwa elementy Reactowych hooków są trochę mylące. Która z nich jest najlepszą praktyką aktualizacji obiektu stan ... uzyskać dostęp do poprzedniego stanu, czy powinienem po prostu uzyskać dostęp do bieżącego stan ze składnią spread (opcja 1)?
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.
Komponent reactowy inicjalizuje stan z właściwości
Czy w Reaccie są jakieś rzeczywiste różnice między tymi dwoma implementacjami?
Niektórzy przyjaciele mówią mi, że Pierwszyskł ... te:
Zmieniłem setState () na to.state = {} (dzięki joews), jednak nadal nie widzę różnicy. Czy jeden jest lepszy od drugiego?
Jak przekazać dane z komponentu podrzędnego do jego rodzica w ReactJS?
Próbuję wysłać dane z komponentu podrzędnego do jego rodzica w następujący sposób:
const ParentComponent = React.createClas ... languages":[
[
"aaa",
"english"
],
[
"aab",
"swedish"
],
}
Kiedy należy stosować render i shallow w testach enzymatycznych / reakcyjnych?
Przed wysłaniem tego pytania, próbowałem szukać w SQA stackexchange, ale nie znalazłem posta o shallow i render tam, więc mam ... ienem użyć (choć dokumenty mówią, że są bardzo podobne)
Więc skąd mam wiedzieć, który z nich użyć w konkretnym scenariuszu?
Jak poprawnie walidować wartości wejściowe za pomocą Reacta.JS?
Mam prosty formularz. Wszystkie komponenty i stan są przechowywane w komponencie Page. Istnieją 2 nagłówki wyświetlania i 3 p ... />
</div>
);
}
});
React.renderComponent(<Page />, document.body);
Aktualizacja zagnieżdżonych danych w sklepie redux
Jaki jest najlepszy / poprawny sposób aktualizacji zagnieżdżonej tablicy danych w sklepie przy użyciu redux?
Mój sklep wyglą ... .isSourceOf.push(action.resourceTypeLink);
return Object.assign({}, state, {
items: state.items,
});
}
Class extends React.Komponent nie może używać getInitialState w Reaccie
Sprawdzam składnię ES6 w Reaccie i piszę komponenty takie jak:
export default class Loginform extends React.Component {
... s jest obiektem, więc funkcje w nim są oddzielone przecinkiem, ale z klasą extends wymaga średnika, nie rozumiem tego dobrze.
Jak wymusić ponowne montowanie komponentów Reactowych?
Powiedzmy, że mam komponent view, który ma renderowanie warunkowe:
render(){
if (this.state.employed) {
return ... ła dobrze. Wygląda na to, że React po prostu nie rozróżnia "tytułu pracy" i "powodu bezrobocia".
Powiedz mi, co robię źle...
Dynamiczne dodawanie komponentów potomnych w Reaccie
Moim celem jest dynamiczne dodawanie komponentów na stronie / komponencie nadrzędnym.
Zacząłem od jakiegoś podstawowego przy ... ku samouczków nadal nie rozumiem, jak komponenty są tworzone i dodawane do komponentu nadrzędnego dynamicznie. Jak to zrobić?
Modalny Bootstrap w Reaccie.js
Muszę otworzyć Modal Bootstrap po kliknięciu przycisku w pasku nawigacyjnym Bootstrap i innych miejscach (, aby wyświetlić da ... {modal}
</div>
);
}
});
Inne komentarze i ulepszenia w kodzie są mile widziane.
Jak edytować komponenty sterowane wieloma wejściami w Reaccie?
Mam komponent, który przechowuje obiekt kontaktu jako state - {firstName: "John", lastName: "Doe", phone: "1234567890} chcę u ... ści zrobić coś takiego
handleChange: function (event) {
this.setState({contact.firstName: event.target.value });
}
Czy Mogę ustawić stan wewnątrz Hooka useEffect
Powiedzmy, że mam pewien stan, który jest zależny od innego stanu(np. gdy a zmienia się, chcę, aby B zmienił).
Czy właściwe ... return (
<button
onClick={() => {
setA(5)
}}
>
click me
</button>
)
}
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?
React-Router: jaki jest cel IndexRoute?
Nie rozumiem, po co używać IndexRoute i IndexLink . Wygląda na to, że w każdym razie poniższy kod wybrałby najpierw komponen ... mponent={Home}/>
<Route path="about" component={About}/>
</Route>
Jaka jest zaleta / cel pierwszej sprawy?
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?