Programowanie reactjs

18

React - nieprzechwycony TypeError: Nie można odczytać właściwości „setState” niezdefiniowanej

Otrzymuję następujący błąd Uncaught TypeError: Nie można odczytać właściwości „setState” niezdefiniowanej nawet po powiązaniu delty w konstruktorze. class Counter extends React.Component { constructor(props) { super(props); this.state = { count : 1 }; this.delta.bind(this); } delta() { this.setState({ count : this.state.count++ }); } render() { return ( <div> <h1>{this.state.count}</h1> <button onClick={this.delta}>+</button> …

316 javascript reactjs

23

reaktor-router - przekazuje rekwizyty do komponentu modułu obsługi

Mam następującą strukturę dla mojej aplikacji React.js używającej React Router : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> <DefaultRoute handler={Dashboard}/> …

315 javascript properties reactjs react-router

19

Zmień widok widoku w przeglądarce za pomocą React

Jak mogę przekonać Reacta do ponownego renderowania widoku po zmianie rozmiaru okna przeglądarki? tło Mam kilka bloków, które chcę układać indywidualnie na stronie, ale chcę też, aby były aktualizowane po zmianie okna przeglądarki. Końcowym rezultatem będzie coś w stylu Bena Holland'a na Pinterest, ale napisane przy użyciu React nie tylko …

313 javascript reactjs resize

4

Reakcja routera z opcjonalnym parametrem ścieżki

Chcę zadeklarować ścieżkę z opcjonalnym parametrem ścieżki, dlatego gdy dodam ją do strony, aby zrobić coś dodatkowego (np. Wypełnić niektóre dane): http: // localhost / app / path / to / page <= render strony http: // localhost / app / path / to / page / pathParam <= renderuj …

306 javascript reactjs react-router react-router-v4

29

Błąd: EACCES: odmowa dostępu, reagowanie na dostęp „/ usr / local / lib / node_modules”

Co może być przyczyną błędu Error: EACCES: permission denied, access '/usr/local/lib/node_modules'? npm ERR! path /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! { Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! errno: -13, npm ERR! …

298 node.js reactjs npm install

30

Szablon nie został dostarczony przy użyciu aplikacji create-reag-app

Kiedy wpisuję create-react-app my-apppolecenie w moim terminalu, wydaje się, że działa - pobieranie wszystkich bibliotek z powodzeniem itp. Pod koniec tego procesu pojawia się komunikat, że template was not provided. Wejście user@users-MacBook-Pro-2 Desktop% create-react-app my-app Wynik Creating a new React app in /Users/user/Desktop/my-app. Installing packages. This might take a couple …

297 reactjs create-react-app

7

Przekaż rekwizyty komponentowi nadrzędnemu w React.js

Czy w React.js nie ma prostego sposobu na przekazanie dziecka propsrodzicowi za pomocą zdarzeń? var Child = React.createClass({ render: function() { <a onClick={this.props.onClick}>Click me</a> } }); var Parent = React.createClass({ onClick: function(event) { // event.component.props ?why is this not available? }, render: function() { <Child onClick={this.onClick} /> } }); Wiem, …

295 javascript reactjs

9

Dostęp do rekwizytów w cudzysłowach w React JSX

Jak w JSX odwołujesz się do wartości propsz wewnątrz cytowanej wartości atrybutu? Na przykład: <img className="image" src="images/{this.props.image}" /> Wynikowy wynik HTML to: <img class="image" src="images/{this.props.image}">

294 javascript reactjs react-props

8

Ustawianie obrazu tła za pomocą React Inline Style

Próbuję uzyskać dostęp do obrazu statycznego, aby użyć go we backgroundImagewłaściwości inline w React. Niestety, wyczerpałem się, jak to zrobić. Ogólnie myślałem, że zrobiłeś tak: import Background from '../images/background_image.png'; var sectionStyle = { width: "100%", height: "400px", backgroundImage: "url(" + { Background } + ")" }; class Section extends Component …

290 javascript reactjs

11

Reakcja this.setState nie jest funkcją

Jestem nowy w React i próbuję napisać aplikację współpracującą z interfejsem API. Wciąż pojawia się ten błąd: TypeError: this.setState nie jest funkcją kiedy próbuję obsłużyć odpowiedź API. Podejrzewam, że coś jest nie tak z tym wiązaniem, ale nie mogę wymyślić, jak to naprawić. Oto kod mojego komponentu: var AppMain = …

288 javascript reactjs

7

ReactJs: Jakie powinny być PropTypes dla this.props.children?

Biorąc pod uwagę prosty komponent, który renderuje jego dzieci: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; Pytanie: Jaki powinien być typ prop dla dzieci? Gdy ustawię go jako obiekt, nie powiedzie się, …

265 reactjs jsx react-proptypes

15

Aktualizowanie obiektu za pomocą setState w React

Czy w ogóle można aktualizować właściwości obiektu setState? Coś jak: this.state = { jasper: { name: 'jasper', age: 28 }, } Próbowałem: this.setState({jasper.name: 'someOtherName'}); i to: this.setState({jasper: {name: 'someothername'}}) Pierwszy powoduje błąd składniowy, a drugi po prostu nic nie robi. Jakieś pomysły?

265 reactjs state

16

Dodanie znacznika skryptu do React / JSX

Mam stosunkowo prosty problem z dodaniem wbudowanego skryptu do komponentu React. Co mam do tej pory: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from '../../core/util'; export default class extends Component { render() { return ( <DocumentTitle title="People"> <article …

264 javascript reactjs ecmascript-6 react-jsx

7

Zagnieżdżone trasy z reakcyjnym routerem v4 / v5

Obecnie mam problemy z zagnieżdżaniem tras przy użyciu routera reagującego v4. Najbliższym przykładem była konfiguracja trasy w dokumentacji React-Router v4 . Chcę podzielić moją aplikację na 2 różne części. Frontend i obszar administracyjny. Myślałem o czymś takim: <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} /> <Match pattern="/about" component={AboutPage} /> </Match> <Match …

261 javascript reactjs nested react-router react-router-v4

24

React: jak zaktualizować state.item [1] w stanie za pomocą setState?

Tworzę aplikację, w której użytkownik może zaprojektować własną formę. Np. Podaj nazwę pola i szczegóły, które inne kolumny powinny zostać uwzględnione. Komponent jest dostępny tutaj jako JSFiddle . Mój stan początkowy wygląda następująco: var DynamicForm = React.createClass({ getInitialState: function() { var items = {}; items[1] = { name: 'field 1', …

258 javascript reactjs state

Pytania otagowane jako reactjs