Problem Ustawiam odpowiedź, refużywając definicji funkcji wbudowanej render = () => { return ( <div className="drawer" ref={drawer => this.drawerRef = drawer}> wtedy w componentDidMountDOM odwołanie nie jest ustawione componentDidMount = () => { // this.drawerRef is not...
Może coś źle zrozumiałem, ale useCallback Hook działa za każdym razem, gdy ma miejsce ponowne renderowanie. Przekazałem dane wejściowe - jako drugi argument do useCallback - stałe, których nie można zmieniać - ale zwrócone zapamiętane wywołanie zwrotne nadal uruchamia moje drogie obliczenia...
Wypróbowuję TypeScript dla projektu React i utknąłem na tym błędzie: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ train_1: boolean; train_2: boolean; train_3: boolean; train_4: boolean; }'. No index signature with a parameter of type...
Chciałbym wiedzieć, czy istnieje lepszy sposób warunkowego przekazania właściwości niż użycie instrukcji if. Na przykład w tej chwili mam: var parent = React.createClass({ propTypes: { editable: React.PropTypes.bool.isRequired, editableOpts: React.PropTypes.shape({...}) }, render:...
Stan początkowy w aplikacji Redux można ustawić na dwa sposoby: przekaż go jako drugi argument do createStore( link do dokumentu ) przekaż go jako pierwszy argument do swoich (pod-) reduktorów ( link do dokumentów ) Jeśli przekazujesz stan początkowy do swojego sklepu, jak odczytać ten stan...
Mam komponent kontenera React-Redux, który jest tworzony w komponencie React Native Navigator. Chcę mieć możliwość przekazania nawigatora jako rekwizytu do tego komponentu kontenera, tak aby po naciśnięciu przycisku wewnątrz jego komponentu prezentacyjnego mógł umieścić obiekt na stosie...
Mam uwierzytelnianie tokenem z serwera, więc kiedy moja aplikacja Redux jest ładowana początkowo, muszę wysłać żądanie do tego serwera, aby sprawdzić, czy użytkownik jest uwierzytelniony, czy nie, a jeśli tak, powinienem otrzymać token. Zauważyłem, że używanie podstawowych akcji INIT Redux nie...
Używając TypeScript z Reactem, nie musimy już rozszerzać React.Props, aby kompilator wiedział, że wszystkie właściwości komponentów reagujących mogą mieć dzieci: interface MyProps { } class MyComponent extends React.Component<MyProps, {}> { public render(): JSX.Element { return...
Korzystam z natywnej nawigacji React (React-Navigation) StackNavigator. zaczyna się od strony logowania przez cały cykl życia aplikacji. Nie chcę mieć opcji powrotu, wracając do ekranu logowania. Czy ktoś wie, jak można to ukryć na ekranie po ekranie logowania? Swoją drogą, ukrywam to również na...
Mam problem z Router React (używam wersji ^ 4.0.0). to jest mój index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from 'react-router'; ReactDOM.render( <Router...
Przechowuję referencję w moim sklepie redux i używam mapStateToProps do ujawnienia referencji dla komponentów, które potrzebują do niego dostępu. Zapisany ref wygląda następująco: ref={node => this.myRefToBePutInReduxGlobalStore = node} Jaki jest poprawny typ propType dla tego...
Próbuję uruchomić aplikację Redux, którą właśnie sklonowałem z repozytorium GitHub. Próbowałem go uruchomić za pomocą następującego polecenia npm start Otrzymuję ten błąd > [email protected] start /home/workspace/assignment > webpack-dev-server --config...
Tworzę i nasłuchuję normalnych DOM CustomEventdo komunikacji z węzłami nadrzędnymi: U dziecka: var moveEvent = new CustomEvent('the-graph-group-move', { detail: { nodes: this.props.nodes, x: deltaX, y: deltaY }, bubbles: true }); this.getDOMNode().dispatchEvent(moveEvent); W...
Za każdym razem, gdy biegnę webpackw terminalu, otrzymuję: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Oto mój plik webpack.config.js module.exports = { entry: './app-client.js', output: { filename:...
Jestem nowy w ReactJS. Wcześniej używałem jQuery do ustawiania dowolnej animacji lub funkcji, których potrzebowałem. Ale teraz próbuję użyć ReactJS i zminimalizować użycie jQuery. Mój przypadek to: Próbuję zbudować akordeon z ReactJS. <div class="accor"> <div class="head">Head...
Próbuję znaleźć optymalny sposób tworzenia programów obsługi zdarzeń w komponentach bezstanowych React. Mógłbym zrobić coś takiego: const myComponent = (props) => { const myHandler = (e) => props.dispatch(something()); return ( <button onClick={myHandler}>Click Me</button>...
Używam komponentu Link z routera actjs i nie mogę uruchomić onClickevent. To jest kod: <Link to={this.props.myroute} onClick='hello()'>Here</Link> Czy to jest sposób, aby to zrobić, czy inny sposób?
Symulacja kliknięcia przycisku wydaje się bardzo łatwą / standardową operacją. Jednak nie mogę zmusić go do działania w testach Jest.js. Oto, co próbowałem (i robię to również przy użyciu jQuery), ale nie wydawało się, aby cokolwiek wyzwalało: import { mount } from 'enzyme'; page =...
Widziałem, że React 16 umożliwia przekazywanie atrybutów do DOM. Oznacza to, że zamiast nazwy klasy można użyć „class”, prawda? Zastanawiam się tylko, czy istnieją zalety dalszego używania className nad klasą, poza tym, że jest kompatybilny wstecz z poprzednimi wersjami React....
Chcę wyrenderować mój komponent po zakończeniu mojego żądania Ajax. Poniżej możesz zobaczyć mój kod var CategoriesSetup = React.createClass({ render: function(){ var rows = []; $.get('http://foobar.io/api/v1/listings/categories/').done(function (data) { $.each(data, function(index,...