Myślałem i jestem zdezorientowany z routingiem między klientem a serwerem. Załóżmy, że używam ReactJS do renderowania po stronie serwera przed wysłaniem żądania z powrotem do przeglądarki internetowej i używam React-router jako routingu po stronie klienta do przełączania się między stronami bez...
Czy jest sposób, aby poznać wersję uruchomieniową Reacta w
Oto moja sytuacja: on this.handleFormSubmit () Wykonuję this.setState () wewnątrz this.handleFormSubmit (), wzywam this.findRoutes (); - co zależy od pomyślnego zakończenia this.setState () this.setState (); nie kończy się przed tym. findRoutes zostanie wywołany ... Jak mam czekać, aż...
Co robi npm run ejectpolecenie? Rozumiem, jakie inne polecenia lubią start, build, test. Ale nie mam pojęcia o wyrzucaniu.
Chcę używać Reacta do wielokrotnego dodawania komponentów w całym DOM. To skrzypce pokazuje, co chcę zrobić, i nie powoduje żadnych błędów. Oto kod: HTML: <div id="container"> <!-- This element's contents will be replaced with the first component. --> </div> <div...
Mam prosty komponent React, który podłączam (mapowanie prostej tablicy / stanu). Aby uniknąć odwoływania się do kontekstu sklepu, chciałbym uzyskać sposób na uzyskanie „wysyłki” bezpośrednio z rekwizytów. Widziałem innych stosujących to podejście, ale z jakiegoś powodu nie mam do niego dostępu...
Jak piszę webpack.config.js w ten sposób module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; I index.jsximportuję...
Zamknięte . To pytanie musi być bardziej skoncentrowane . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby skupiało się tylko na jednym problemie, edytując ten post . Zamknięte 3 lata temu . Popraw to pytanie...
Mam problem polegający na tym, że ponowne renderowanie stanu powoduje problemy z interfejsem użytkownika i zasugerowano, aby zaktualizować tylko określoną wartość w moim reduktorze, aby zmniejszyć ilość ponownego renderowania na stronie. to jest przykład mojego stanu { name: "some name",...
Czy istnieją sposoby na symulowanie componentDidMountkomponentów funkcjonalnych w React za pomocą hooków?
Mam komponent, który stworzyłem: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; }...
Jak ręcznie wywołać zdarzenie kliknięcia w ReactJS ? Gdy użytkownik kliknie element1, chcę automatycznie wywołać kliknięcie inputtagu. <div className="div-margins logoContainer"> <div id="element1" className="content" onClick={this.uploadLogoIcon}> <div className="logoBlank"...
Oto mój bieżący proces importowania obrazów i ikon w pakiecie internetowym za pośrednictwem ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> To szybko się...
Co to są komponenty kontrolowane i niekontrolowane komponenty w ReactJS? Czym się od siebie różnią?
Według dokumentów: componentDidUpdate()jest wywoływana natychmiast po wystąpieniu aktualizacji. Ta metoda nie jest wywoływana przy pierwszym renderowaniu. Możemy użyć nowego useEffect()hooka do symulacji componentDidUpdate(), ale wygląda na to, że useEffect()jest uruchamiany po każdym...
Piszę tylko do wprowadzania tekstu i na onChangewypadek setState, gdyby zadzwoniłem , React ponownie renderuje mój interfejs użytkownika. Problem polega na tym, że wprowadzanie tekstu zawsze traci fokus, więc muszę go ponownie ustawić dla każdej litery: D. var EditorContainer =...
Ilekroć próbuję użyć ikony Font Awesome w React's render(), nie jest ona wyświetlana na wynikowej stronie internetowej, chociaż działa w normalnym HTML. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } Oto przykład na...
Renderuję listę postów. Dla każdego posta chciałbym wyrenderować tag kotwicy z identyfikatorem posta jako częścią ciągu href. render: function(){ return ( <ul> { this.props.posts.map(function(post){ return <li key={post.id}><a
Mam pewne dane zwane stacjami, które są tablicą zawierającą obiekty. stations : [ {call:'station one',frequency:'000'}, {call:'station two',frequency:'001'} ] Chciałbym wyrenderować składnik interfejsu użytkownika dla każdej pozycji tablicy. Póki co mogę pisać var stationsArr = [] for...
Mam jeden reduktor dla Klientów, drugi dla AppToolbar i kilka innych ... Teraz powiedzmy, że utworzyłem akcję pobierania, aby usunąć klienta, a jeśli to się nie powiedzie, mam kod w reduktorze klientów, który powinien coś zrobić, ale chcę również wyświetlić jakiś globalny błąd w AppToolbar. Ale...