Powiedzmy, że mam listę zwykłych obiektów this.state.list, których mogę następnie użyć do renderowania listy dzieci. Jaki jest zatem właściwy sposób wstawiania obiektu this.state.list? Poniżej znajduje się jedyny sposób, w jaki myślę, że zadziała, ponieważ nie możesz this.statebezpośrednio...
Po przesłaniu formularza próbuję doSomething()zamiast domyślnego zachowania postu. Najwyraźniej w React onSubmit jest zdarzeniem obsługiwanym przez formularze. Jednak gdy spróbuję poniższego kodu: var OnSubmitTest = React.createClass({ render: function() { doSomething = function(){...
Próbuję przekazać nazwę klasy do komponentu reagowania, aby zmienić jego styl i wydaje się, że nie działa: class Pill extends React.Component { render() { return ( <button className="pill {this.props.styleName}">{this.props.children}</button> ); } } <Pill...
W tej dokumentacji React jest powiedziane, że shallowCompare wykonuje płytkie sprawdzenie równości na bieżących obiektach props i nextProps, a także na bieżącym stanie i obiektach nextState. Rzecz, której nie jestem w stanie zrozumieć, to to, że If It płytko porównuje obiekty, to metoda...
Jestem nowy w ReactJs. To jest mój kod: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/"...
Oprócz możliwości ustawienia „activeClassName” i „activeStyle” w NavLink, czy istnieje jakikolwiek powód, aby używać NavLink over Link podczas tworzenia łączy do innych tras na elementach niezwiązanych z nawigacją (tj. Nie jest to główna nawigacja w nagłówku lub stopce) w Twojej witrynie które...
Jestem nowy w bibliotece React.js i przeglądałem kilka samouczków i natknąłem się na: this.setState this.replaceState Podany opis nie jest zbyt jasny (IMO). setState is done to 'set' the state of a value, even if its already set in the 'getInitialState' function. Podobnie, The...
Chcę wywołać metodę ujawnioną przez składnik React z wystąpienia elementu React. Na przykład w tym pliku jsfiddle . Chcę wywołać alertMessagemetodę z HelloElementreferencji. Czy jest sposób na osiągnięcie tego bez konieczności pisania dodatkowych opakowań? Edytuj (kod skopiowany z...
Jestem bardzo nowy w pakiecie webpack. Odkryłem, że w wersji produkcyjnej możemy zmniejszyć rozmiar całego kodu. Obecnie pakiet webowy tworzy około 8 MB plików, a main.js około 5 MB. Jak zmniejszyć rozmiar kodu w kompilacji produkcyjnej? Znalazłem przykładowy plik konfiguracyjny webpacka z...
Rozbijam przykład todo Reduxa, aby spróbować go zrozumieć. Czytałem, że mapDispatchToPropspozwala ci mapować akcje wysyłkowe jako rekwizyty, więc pomyślałem o przepisaniu, addTodo.jsaby użyć mapDispatchToProps zamiast wywoływania dispatch (addTodo ()). Nazwałem to addingTodo(). Coś...
Przeglądając kod HTML niektórych stron, zauważyłem, że niektóre z nich używają tego atrybutu „data -activeid”, na przykład: <a data-reactid="......" ></a> Co to za atrybut i jaka jest jego funkcja?
Czasami mam elementy reagujące, które są koncepcyjnie stanowe, które chcę zresetować. Idealne zachowanie byłoby równoznaczne z usunięciem starego komponentu i odczytaniem nowego, nieskazitelnego komponentu. React udostępnia metodę, setStatektóra pozwala na ustawienie własnego jawnego stanu...
Zasadniczo mam komponent reagujący, jego render()ciało funkcyjne jest takie jak poniżej: (Jest to mój idealny, co oznacza, że obecnie nie działa) render(){ return ( <div> <Element1/> <Element2/> // note: code does not work here if (this.props.hasImage) <MyImage...
Jestem nowy w ReactJS i chcę importować obrazy w komponencie. Te obrazy znajdują się w folderze publicznym i nie wiem, jak uzyskać dostęp do folderu z komponentu reagowania. Jakieś pomysły ? EDYTOWAĆ Chcę zaimportować obraz do pliku Bottom.js lub Header.js Folder struktury to: Nie używam...
Próbuję ukryć mój klucz API, gdy zdecyduję się na github, i przejrzałem forum w poszukiwaniu wskazówek, szczególnie następujący post: Jak ukryć klucz API w aplikacji create-react-app? Wprowadziłem zmiany i ponownie uruchomiłem przędzę. Nie jestem pewien, co robię źle –– Dodałem .envplik do...
Pozwólcie, że wyjaśnię wynik tego kodu, aby łatwo zadać mój problem. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username }); return () => {...
Chcę dynamicznie dołączać / pomijać wyłączony atrybut w elemencie przycisku. Widziałem wiele przykładów dynamicznych wartości atrybutów, ale nie samych atrybutów. Mam następującą funkcję renderowania: render: function() { var maybeDisabled = AppStore.cartIsEmpty() ? "disabled" : ""; return...
Robię teraz trochę Reacta i zastanawiałem się, czy istnieje „poprawny” sposób na stylizację warunkową. W samouczku używają style={{ textDecoration: completed ? 'line-through' : 'none' }} Wolę nie używać stylów wbudowanych, więc zamiast tego chcę używać klasy do sterowania stylami...
O ile wiem i poprawiam mnie, jeśli się mylę, redux-thunk to oprogramowanie pośredniczące, które pomaga nam wywoływać funkcję asynchroniczną i debugować wartości w samej akcji, podczas gdy gdy użyłem redux-obietnica, nie mogłem tworzyć funkcji asynchronicznych bez implementacji własnej mechanizm,...
To mój projekt: https://github.com/kenpeter/my_hak_news , który jest bezpośrednią kopią https://github.com/grigio/HAgnostic-News . Sklonuj Git https://github.com/kenpeter/my_hak_news , a następnie uruchomreact-native run-android Mam ten błąd: * What went wrong: Execution failed for task...