Komponenten verlieren den Zugriff auf Speicher, wenn sie in Grid eingebunden sind (react-inline-grid)

Question

Komponenten verlieren den Zugriff auf Speicher, wenn sie in Grid eingebunden sind (react-inline-grid)

8

Ich verwende react-inline-grid und sobald ich meine Komponenten mit <Grid> umschließe, scheinen die eingebundenen Komponenten ihren Zugriff auf den Store zu verlieren:

Uncaught TypeError: Die Eigenschaft 'currentStep' von undefined
kann nicht gelesen werden

Der Code:

%Vor%

Das Extra Div ist, weil ein Fehler ausgegeben wurde, als ich ihm ein Array von React-Komponenten übergeben habe.

Ich habe das mit verschiedenen Komponenten probiert und bekomme jedesmal einen ähnlichen Fehler. Außerdem funktioniert das Gitter, wenn ich in einer einzelnen Komponente bin.

Wrapping App ist ein Provider, der den Store freigibt:

%Vor%

Hier ist mein Container für Stepper als Referenz:

%Vor%

Und Komponente:

%Vor%

javascript grid reactjs redux

sutee 12.05.2017, 00:31

quelle

2 Antworten

2

___ qstnhdr ___ Komponenten verlieren den Zugriff auf Speicher, wenn sie in Grid eingebunden sind (react-inline-grid) ___ tag123reactjs ___ React ist eine JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Es verwendet ein deklaratives Paradigma und zielt darauf ab, sowohl effizient als auch flexibel zu sein. ___ tag123grid ___ Dieses Tag ist mehrdeutig, bitte benutze es nicht. Verwenden Sie für Zeilenspaltenlayouts [Rasterlayout]. Verwenden Sie für das CSS-Grid-Layout [css-grid]. Verwenden Sie für das HPC-Setup [grid-computing]. Verwenden Sie für das R-Plotting-Paket [r-Grid]. Verwenden Sie für mehrdimensionale Daten [matrix] oder [array] oder [raster]. Verwenden Sie für WPF-Grid-Steuerelement [wpfgrid] ___ qstntxt ___

Ich verwende react-inline-grid und sobald ich meine Komponenten mit %code% umschließe, scheinen die eingebundenen Komponenten ihren Zugriff auf den Store zu verlieren:

Uncaught TypeError: Die Eigenschaft 'currentStep' von undefined
kann nicht gelesen werden

Der Code:

%Vor%

Das Extra Div ist, weil ein Fehler ausgegeben wurde, als ich ihm ein Array von React-Komponenten übergeben habe.

Ich habe das mit verschiedenen Komponenten probiert und bekomme jedesmal einen ähnlichen Fehler. Außerdem funktioniert das Gitter, wenn ich in einer einzelnen Komponente bin.

Wrapping App ist ein Provider, der den Store freigibt:

%Vor%

Hier ist mein Container für Stepper als Referenz:

%Vor%

Und Komponente:

%Vor%

___ tag123redux ___ Redux ist ein vorhersagbarer Statuscontainer für JavaScript-Anwendungen, die auf dem Flux-Designmuster basieren. ___ antwort43961552 ___

Ich denke, es könnte das sein, rufen Sie einfach super mit den Requisiten.

%Vor%

___ tag123javascript ___ JavaScript (nicht zu verwechseln mit Java) ist eine dynamische Sprache mit mehreren Paradigmen auf hoher Ebene, die sowohl für das clientseitige als auch für das serverseitige Scripting verwendet wird. Verwenden Sie dieses Tag für Fragen zu ECMAScript und seinen verschiedenen Dialekten / Implementierungen (außer ActionScript und Google-Apps-Script). ___ antwort43961684 ___

Es gibt ein Problem mit der react-inline-grid-Bibliothek, die Sie verwenden. Es verwendet intern redux und die Grid-Komponente stellt seinen eigenen Provider bereit Dies überschreibt den Provider Ihrer Anwendung. So erhält Stepper Grids Laden statt deiner. Deshalb weiß es nicht über %code% .

Ich habe keine Problemumgehung, um damit fertig zu werden. Aber das Problem hat einen Kommentar zu einer alternativen Lösung.

___

Santiago Rebella 14.05.2017 07:45

quelle

Tags und Links javascript grid reactjs redux

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Ehcache / Hibernate und RMI-Replikation mit einer großen Anzahl von Entitäten

score 4 · Accepted Answer

___ qstnhdr ___ Komponenten verlieren den Zugriff auf Speicher, wenn sie in Grid eingebunden sind (react-inline-grid) ___ tag123reactjs ___ React ist eine JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Es verwendet ein deklaratives Paradigma und zielt darauf ab, sowohl effizient als auch flexibel zu sein. ___ tag123grid ___ Dieses Tag ist mehrdeutig, bitte benutze es nicht. Verwenden Sie für Zeilenspaltenlayouts [Rasterlayout]. Verwenden Sie für das CSS-Grid-Layout [css-grid]. Verwenden Sie für das HPC-Setup [grid-computing]. Verwenden Sie für das R-Plotting-Paket [r-Grid]. Verwenden Sie für mehrdimensionale Daten [matrix] oder [array] oder [raster]. Verwenden Sie für WPF-Grid-Steuerelement [wpfgrid] ___ qstntxt ___

Ich verwende react-inline-grid und sobald ich meine Komponenten mit currentStep umschließe, scheinen die eingebundenen Komponenten ihren Zugriff auf den Store zu verlieren:

Uncaught TypeError: Die Eigenschaft 'currentStep' von undefined
kann nicht gelesen werden

Der Code:

%Vor%

Das Extra Div ist, weil ein Fehler ausgegeben wurde, als ich ihm ein Array von React-Komponenten übergeben habe.

Ich habe das mit verschiedenen Komponenten probiert und bekomme jedesmal einen ähnlichen Fehler. Außerdem funktioniert das Gitter, wenn ich in einer einzelnen Komponente bin.

Wrapping App ist ein Provider, der den Store freigibt:

%Vor%

Hier ist mein Container für Stepper als Referenz:

%Vor%

Und Komponente:

%Vor%

___ tag123redux ___ Redux ist ein vorhersagbarer Statuscontainer für JavaScript-Anwendungen, die auf dem Flux-Designmuster basieren. ___ antwort43961552 ___

Ich denke, es könnte das sein, rufen Sie einfach super mit den Requisiten.

%Vor%

___ tag123javascript ___ JavaScript (nicht zu verwechseln mit Java) ist eine dynamische Sprache mit mehreren Paradigmen auf hoher Ebene, die sowohl für das clientseitige als auch für das serverseitige Scripting verwendet wird. Verwenden Sie dieses Tag für Fragen zu ECMAScript und seinen verschiedenen Dialekten / Implementierungen (außer ActionScript und Google-Apps-Script). ___ antwort43961684 ___

Es gibt ein Problem mit der react-inline-grid-Bibliothek, die Sie verwenden. Es verwendet intern redux und die Grid-Komponente stellt seinen eigenen Provider bereit Dies überschreibt den Provider Ihrer Anwendung. So erhält Stepper Grids Laden statt deiner. Deshalb weiß es nicht über %code% .

Ich habe keine Problemumgehung, um damit fertig zu werden. Aber das Problem hat einen Kommentar zu einer alternativen Lösung.

___