Pytania otagowane jako reactjs

React (znany również jako React.js lub ReactJS) to biblioteka JavaScript opracowana przez Facebooka w celu tworzenia interfejsów użytkownika. Wykorzystuje deklaratywny paradygmat oparty na komponentach, a jego celem jest zarówno wydajność, jak i elastyczność.

5
React js zmienia stan komponentu potomnego z komponentu rodzica
Mam dwa komponenty: Komponent nadrzędny, z którego chcę zmienić stan komponentu podrzędnego: class ParentComponent extends Component { toggleChildMenu() { ????????? } render() { return ( <div> <button onClick={toggleChildMenu.bind(this)}> Toggle Menu from Parent </button> <ChildComponent /> </div> ); } } I składnik podrzędny : class ChildComponent extends Component { constructor(props) { …
17
Reactjs: nieoczekiwany token „<” Błąd
dopiero zaczynam od Reactjs i pisałem prosty komponent do wyświetlania litagu i natknąłem się na ten błąd: Nieoczekiwany token „&lt;” Podałem przykład w jsbin poniżej http://jsbin.com/UWOquRA/1/edit?html,js,console,output Proszę, daj mi znać, co robię źle.
99 reactjs 
11
Jak ustawić DefaultRoute na inną trasę w React Router
Mam: &lt;Route name="app" path="/" handler={App}&gt; &lt;Route name="dashboards" path="dashboards" handler={Dashboard}&gt; &lt;Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /&gt; &lt;Route name="searchDashboard" path="searchDashboard" handler={SearchDashboard} /&gt; &lt;DefaultRoute handler={DashboardExplain} /&gt; &lt;/Route&gt; &lt;DefaultRoute handler={SearchDashboard} /&gt; &lt;/Route&gt; Podczas korzystania z DefaultRoute SearchDashboard renderuje się nieprawidłowo, ponieważ każdy * Dashboard musi być renderowany w Dashboard. Chciałbym, aby moja DefaultRoute w „app” …
2
Kiedy należy używać render i płytkiej powierzchni w testach Enzyme / React?
przed wysłaniem tego pytania próbowałem szukać w sqa stackexchange, ale nie znalazłem tam posta o płytkim i renderowanym, więc mam nadzieję, że ktoś może mi tutaj pomóc. Kiedy powinienem używać płytkich i renderowanych w testach składników reagujących? Na podstawie dokumentacji airbnb przedstawiłem kilka opinii na temat różnicy między nimi: Ponieważ …
5
React input defaultValue nie aktualizuje się ze stanem
Próbuję utworzyć prosty formularz z funkcją reagowania, ale mam trudności z prawidłowym powiązaniem danych z wartością domyślną formularza. Zachowanie, którego szukam, jest następujące: Kiedy otwieram moją stronę, pole tekstowe powinno być wypełnione tekstem mojej AwayMessage w mojej bazie danych. To jest „Przykładowy tekst” Idealnie byłoby, gdyby w polu wprowadzania tekstu …
4
jaki jest preferowany sposób mutowania stanu React?
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 mutować, jak wspomniano w dokumencie. this._list.push(newObject): this.setState({list: this._list}); Wydaje mi się to brzydkie. …
4
Ustawienie onSubmit w React.js
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(){ alert('it works!'); } return &lt;form onSubmit={doSomething}&gt; &lt;button&gt;Click me&lt;/button&gt; &lt;/form&gt;; } }); Metoda doSomething()jest uruchamiana, ale później nadal wykonywane …
7
Właściwość „history” jest oznaczona jako wymagana w „Router”, ale jej wartość to „undefined”. w routerze
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( &lt;Router history={hashHistory}&gt; &lt;Route path="/" component={Main}&gt;&lt;/Route&gt; &lt;/Router&gt;, document.getElementById('app')); i kompilowanie go za pomocą pakietu internetowego. Dodałem również komponent Main do moich aliasów. Konsola …
9
Przekazywanie nazw klas do reagowania komponentów
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 ( &lt;button className="pill {this.props.styleName}"&gt;{this.props.children}&lt;/button&gt; ); } } &lt;Pill styleName="skill"&gt;Business&lt;/Pill&gt; Próbuję zmienić styl pigułki, podając nazwę klasy, która ma odpowiedni styl. Jestem nowy w React, więc …
6
Jak działa płytkie porównanie w reakcji
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 shouldComponentUpdate zawsze zwróci wartość true, ponieważ Nie …
4
React Router v4 Zalety <NavLink> vs <Link>
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 nie potrzebują aktywnego stanu / klasy?
4
setState vs replaceState w React.js
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 replaceState() method is for when you want …
8
Webpack, jak zbudować kod produkcyjny i jak go używać
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 Internetu i skonfigurowałem dla mojej aplikacji i uruchomiłem …
1
Czy mogę mapDispatchToProps bez mapStateToProps w Redux?
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ś takiego: import React from 'react'; import {connect} from 'react-redux'; import addTodo from '../actions'; let AddTodo = ({addingTodo}) …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.