reactjs
ReactJS: Modelowanie Dwukierunkowego Przewijania Nieskończonego
Nasza aplikacja wykorzystuje nieskończone przewijanie do poruszania się po dużych listach heterogenicznych elementów. Jest ki ... ki stan muszę zachować, aby uruchomić nowy Renderer, gdy przewijam w pobliżu dolnej lub górnej części renderowanego elementu?
Dlaczego niezmienność jest tak ważna (lub potrzebna) w JavaScript?
Obecnie pracuję nad frameworkami React JS i React Native. W połowie drogi natknąłem się na Immutability lub bibliotekę Immu ... rzykład nie jest właściwym sposobem na Wyjaśnienie niezmienności, proszę dać mi znać, jaki jest właściwy praktyczny przykład.
Invariant Violation: registerComponent (...): kontener docelowy nie jest elementem DOM
Dostaję ten błąd po zrobieniu banalnej strony przykładowej Reacta:
Uncaught Error: Invariant Violation: _registerCompone ... d>
<script src="/bundle.js"></script>
</head>
<body>
</body>
</html>
Co to znaczy?
Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class / function but got: object
Dostaję ten błąd:
Uncaught Error: Invariant Violation: Element type is invalid: expected
ciąg znaków (dla Wbudowanych ... ({
render:function() {
return (
<RaisedButton label="Default" />
);
},
});
module.exports = Home;
Czy sklepy flux, czy działania (lub oba) powinny dotykać usług zewnętrznych?
Jeśli sklepy zachowują swój własny stan i mają możliwość wywoływania usług sieciowych i przechowywania danych w ten sposób .. ... e powinno to być jedno lub drugie (a nie mieszanka obu). Jeśli tak, to dlaczego jeden jest preferowany / zalecany nad drugim?
Jak uzyskać prostą wysyłkę z tego.rekwizyty za pomocą connect w / Redux?
Mam prosty komponent Reactowy, który podłączam (mapowanie prostej tablicy/stanu nad). Aby nie odwoływać się do kontekstu dla ... iała konfiguracja z akcjami asynchronicznymi). Czy ludzie mieszają i pasują, czy to wszystko, czy nic?
[mapDispatchToProps]
Metoda Push w Hookach Reacta (useState)?
Jak wcisnąć element wewnątrz tablicy useState reactowego Hooka?
Czy to stara metoda w stanie Reacta? Czy coś nowego?
Np. setState push example ?
babel-loader JSX SyntaxError: Unexpected token [duplikat]
To pytanie ma już odpowiedź tutaj:
Plik Babel jest kopiowany bez przekształcania
... Id("app"));
| ^
at Parser.pp.raise (~/**/node_modules/babylon/lib/parser/location.js:24:13)
Dzięki za was.
Jaka jest różnica między React Native a React?
Zacząłem uczyć się React z ciekawości i chciałem poznać różnicę między Reactem a React Native-choć nie mogłem znaleźć satysfa ... cjonującej odpowiedzi za pomocą Google. React i React Native wydają się mieć ten sam format. Czy mają zupełnie inną składnię?
Zmiana rozmiaru przeglądarki za pomocą Reacta
W Jaki Sposób React może ponownie renderować Widok po zmianie rozmiaru okna przeglądarki?
Tło
Mam kilka bloków, które chcę ... ak, to gdzie?
$( window ).resize(function() {
// re-render the component
});
Czy jest na to sposób bardziej "reagujący"?
Jak przejść do historii w Reactowym routerze v4?
W bieżącej wersji routera Reactowego (v3) mogę zaakceptować odpowiedź serwera i użyć browserHistory.push, aby przejść do odpo ... // no longer in React Router V4
});
}
Jak mogę zrobić przekierowanie na stronę koszyka z funkcja dla React Router v4?
Jak przejść z jQuery do Reacta.js? [zamknięte]
Od kilku dni czytam o Reaccie. Rozumiem większość z tego, na co patrzę, ale nie jestem do końca pewien mojej zdolności do nap ... });
container.append(header);
container.append(add_button);
container.append(timed_add_button);
$("body").append(container);
Ukryj klawiaturę w React-native
Jeśli dotknę textinput, chcę mieć możliwość stuknięcia w inne miejsce, aby ponownie zamknąć klawiaturę(ale nie klawisz return ... style={{height: 40, borderColor: 'gray', borderWidth: 1}}
onEndEditing={this.clearFocus}
/>
</View>
Jak ładować pliki graficzne za pomocą Webpack file-loader
Używam webpack do zarządzania ReactJS . Chcę załadować obrazy w javascript przez webpack file-loader. Poniżej znajduje się ... src={img}/>
</div>
)
}
}
const styles = {
container: {
width: '100%',
height: '100%',
}
}
Wykrywanie kliknięć poza komponentem Reactowym
Szukam sposobu na wykrycie, czy zdarzenie kliknięcia miało miejsce poza komponentem, jak opisano w tym artykule. jQuery clos ... wiem co porównywać i jak to najlepiej przestawić. myślę, że ktoś musiał już to umieścić w sprytnej funkcji użytkowej... Nie?
Zagnieżdżone trasy z reactowym routerem v4
Obecnie zmagam się z zagnieżdżaniem tras za pomocą reactowego routera v4.
Najbliższym przykładem była konfiguracja trasy w
... ass App extends Component {
render() {
return <Route component={GlobalErrorSwitch} />
}
}
export default App;
Nie można uzyskać dostępu do instancji Reacta (tej) wewnątrz procedury obsługi zdarzeń [duplikat]
to pytanie ma już odpowiedzi tutaj :
... <button onClick={this.sendContent}>Submit</button>
</div>
)
}
}
export default SomeClass
Zalecany sposób przeciągania komponentów Reactowych/div
Chcę stworzyć komponent reactowy do przeciągania (tj. repozycjonowania za pomocą myszy), który wydaje się koniecznie obejmowa ... ym zobaczyć, jak ekspert to robi, aby upewnić się Załatwiłem wszystkie sprawy narożne, zwłaszcza, że dotyczą Reacta.
Dzięki.
Czy React utrzymuje kolejność aktualizacji stanu?
Wiem, że React może wykonywać aktualizacje stanu asynchronicznie i wsadowo w celu optymalizacji wydajności. Dlatego nigdy nie ... ób, w jaki React wykonuje te aktualizacje stanu, nic więcej.
Każda odpowiedź poparta dokumentacją jest bardzo mile widziana.
Użyj state lub refs w Reaccie.js form components?
Zaczynam od Reacta.js i ja chcemy zrobić prosty formularz, ale w dokumentacji znalazłem dwa sposoby na zrobienie tego.
Pier ... ;
this.setState({value: ''
});
});
Nie widzę plusów i minusów tych dwóch alternatyw, jeśli niektóre istnieją.
Dzięki.