Mam jeden składnik, który będzie wyświetlać tablicę ciągów. Kod wygląda następująco. React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) Działa doskonale. tj. jeśli props.data = ['tom', 'jason', 'chris'] Wyrenderowany wynik na...
Próbuję zrobić PROSTE za pomocą routera reaktywnego ( wersja ^ 1.0.3 ), aby przekierować do innego widoku i po prostu się męczę. import React from 'react'; import {Router, Route, Link, RouteHandler} from 'react-router'; class HomeSection extends React.Component { static contextTypes = {...
Mając na uwadze ten kod: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component">...
Mam plik test_stuff.js, z którym pracuję npm test Wygląda to mniej więcej tak: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() {...
Właśnie zacząłem używać aplikacji create-react-z maszyną create-react-app my-app --scripts-version=react-scripts-ts a domyślna konfiguracja tslint.json nie zezwala na console.log (). Jak mogę (na razie) włączyć console.log? Dokumentacja na ten temat znajduje się pod adresem...
Mam bibliotekę komponentów, którą piszę testy jednostkowe do używania Jest i bibliotekę reagowania. Na podstawie niektórych rekwizytów lub wydarzeń chcę sprawdzić, czy określone elementy nie są renderowane. getByText, getByTestIditp. zgłoszenie i błąd, react-testing-libraryjeśli element nie...
Chcę utworzyć komponent React z możliwością przeciągania (czyli repozycjonowania za pomocą myszy), który wydaje się koniecznie obejmować obsługę stanu globalnego i rozproszonych zdarzeń. Mogę to zrobić na brudno, z globalną zmienną w moim pliku JS i prawdopodobnie mógłbym nawet owinąć ją ładnym...
Pracuję z Reactjs, pisząc komponent menu. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ?
Mam sidenav z wieloma drużynami koszykówki. Dlatego chciałbym wyświetlić coś innego dla każdego zespołu, gdy jeden z nich jest najechany kursorem. Używam również Reactjs, więc gdybym mógł mieć zmienną, którą mógłbym przekazać do innego komponentu, byłby niesamowity....
Tworzę formularz w React Native i chciałbym, aby moje było TextInput80% szerokości ekranu. W przypadku HTML i zwykłego CSS byłoby to proste: input { display: block; width: 80%; margin: auto; } Z wyjątkiem tego, że React Native nie obsługuje displaywłaściwości, szerokości procentowych ani...
PropTypes i Flow obejmują podobne rzeczy, ale używają różnych podejść. PropTypes może generować ostrzeżenia w czasie wykonywania, co może być pomocne w szybkim znajdowaniu źle sformułowanych odpowiedzi pochodzących z serwera itp. Jednak Flow wydaje się być przyszłością, a koncepcje takie jak...
Używam tagu & nbsp w jsx i nie renderuje spacji. Poniżej znajduje się mały fragment mojego kodu, proszę o pomoc. var Reporting=React.createClass({ render: function(){ return( <div style={divPositionReporting}> <p>Pricing Reports</p> <hr></hr> Select...
Mój zespół i ja otrzymaliśmy fundusze na rozpoczęcie tworzenia aplikacji internetowej na poziomie przedsiębiorstwa (nie będę wchodzić w szczegóły tego, co robi). Aplikacja będzie miała wiele oddzielnych stron internetowych, ale dwie z nich będą bardziej skoncentrowane i bardzo ciężkie - ciężkie,...
Pojedyncza linia działa dobrze render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } nie dla wielu linii render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p>...
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...
dopiero zaczynam od Reactjs i pisałem prosty komponent do wyświetlania litagu i natknąłem się na ten błąd: Nieoczekiwany token „<” 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....
Mam składnik funkcyjny i chcę zmusić go do ponownego renderowania. Jak mogę to zrobić? Ponieważ nie ma instancji this, nie mogę zadzwonić this.forceUpdate().
Mam: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard" path="searchDashboard"
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...
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...